17370845950

推荐用 Class 语法，它是原型链的语法糖，更清晰、可读性高、不易出错；原型链写法适合理解底层机制但易出错、维护成本高，日常开发应优先使用 Class。

推荐用 Class 语法，它本质是原型链的语法糖，写起来更清晰、可读性高、不易出错，也更符合现代开发习惯。原型链写法虽能帮你深入理解底层机制，但日常开发中容易写错（比如忘记设置 constructor、手动修改 prototype 失败、this 绑定混乱等），维护成本高。

Class 语法：简洁可靠，适合绝大多数场景

ES6 的 class 并不是新继承模型，而是对原型链的封装。它强制规范了构造函数、原型方法、静态方法和继承写法，避免常见陷阱。

• 用 extends 明确声明继承关系，子类必须调用 super()，避免遗漏父类初始化
• 方法自动定义在原型上，无需手动赋值 Child.prototype.method = ...
• 支持 static 方法、getter/setter、私有字段（#field）等现代特性
• 与 TypeScript、Babel、主流框架（React/Vue）生态无缝兼容

原型链写法：适合学习原理，慎用于生产

手动操作 prototype 和 __proto__ 能帮你搞懂 JavaScript 继承的本质，比如：

• 为什么 instance.constructor 可能指向错误构造函数？—— 因为重写 Child.prototype = Object.create(Parent.prototype) 后没修复 constructor
• 为什么借用构造函数（Parent.call(this, ...)）只能继承实例属性，不能继承原型方法？
• Object.setPrototypeOf(child, Parent.prototype) 和直接改 __proto__ 有什么区别？

这些细节对调试和高级模式（如寄生组合式继承）有帮助，但日常业务代码里几乎不需要手写。

实际建议：用 Class，必要时看原型

• 新项目、团队协作、长期维护的代码，一律用 class + extends
• 阅读源码（如 Lodash、Axios）或调试时遇到 instance.__proto__ 或 constructor.prototype，要能看懂背后的原型链逻辑
• 想彻底掌握继承，可以手写一次寄生组合式继承（构造函数 + 原型链），再对比 class 编译后的 ES5 代码（Babel 输出），就清楚它怎么转的

不复杂但容易忽略：class 的继承是静态语法结构，而原型链是运行时对象关系。理解后者让你更稳，用好前者让你更高效。