旧版浏览器（如IE10及更早）不支持ES6+ class继承语法，需用ES5原型链手动实现：父类定义实例属性和prototype方法，子类通过Object.create建立原型链并用Parent.call初始化，修复constructor；禁用#私有字段，改用下划线约定；推荐Babel+pollyfill自动降级，按需引入polyfill并确保加载顺序；运行时检测API存在性替代UA判断。
JavaScript 继承机制在旧版浏览器（如 IE10 及更早）中无法直接使用 class、extends、super() 等语法，因为这些是 ES6+ 特性，未被支持。要实现兼容，核心不是“让 class 运行”，而是用 ES5 的原型链方式表达相同逻辑，并配合工具链补全缺失能力。
用 ES5 原型链替代 class 语法
ES6 的 class A extends B 在底层就是原型链操作。可手动还原为等效的 ES5 写法：
- 父类构造函数定义实例属性，如
this.name = name - 方法挂载到
Parent.prototype上，实现共享复用 - 子类通过
Child.prototype = Object.create(Parent.prototype)建立原型链 - 子类构造函数内用
Parent.call(this, ...args)初始化继承的属性 - 最后修复
Child.prototype.constructor = Child
避免私有字段与新语法陷阱
旧版浏览器完全不支持 #field 私有字段、static 块、可选链（?.）、空值合并（??）等。即使 Babel 能转译 class，也无法模拟私有字段语义——它会报错或被忽略。因此：
- 不要在需兼容旧浏览器的代码中使用
#开头字段 - 用下划线约定（如
this._internalData）代替私有语义，配合注释说明 - 避免在构造函数中调用可能被子类重写的实例方法（易引发未初始化字段访问）
用 Babel + polyfill 按需降级
现代工程中，不建议手写全部 ES5 继承逻辑。推荐构建时自动处理：
立即学习“Java免费学习笔记（深入）”；
- 配置
@babel/preset-env，目标设为{"ie": "11"}或实际支持范围 - 启用
useBuiltIns: "usage"，Babel 会根据代码里实际使用的 API（如Array.from、Promise）自动引入对应 polyfill -
class和extends会被转为function+Object.setPrototypeOf或寄生组合继承模式 - 确保加载顺序：polyfill 必须在业务代码前执行（如通过
core-js/stable入口）
运行时检测替代硬编码兼容逻辑
某些继承相关行为在旧浏览器中表现不同（如 instanceof 对非构造函数对象、super 调用失败），可用轻量检测替代 UA 判断：
- 检查
Object.setPrototypeOf是否存在，不存在则用__proto__回退（仅限非严格模式） - 对自定义事件或 DOM 方法（如
addEventListener），先判断再绑定，而非直接调用 - 避免依赖
new.target或Reflect.construct等无替代方案的 API
