JavaScript继承核心是原型链,主流方式包括构造函数+原型链组合、ES6 class/extends(推荐)和寄生组合式继承(最优);禁用直接赋值原型以防破坏封装。

JavaScript 实现继承主要依靠原型链(prototype chain),配合构造函数、Object.create()、class 语法或 extends 关键字。核心思想是让子类型实例能访问父类型的属性和方法,同时支持各自独立的实例状态。
使用构造函数 + 原型链组合继承(经典方式)
这是最贴近“类继承”语义的传统写法:用构造函数初始化实例属性,用原型挂载共享方法,并通过 Object.create(Parent.prototype) 建立原型连接。
- 先调用父构造函数(
Parent.call(this, ...))确保实例拥有父类的自有属性 - 再将子类原型设为父类原型的副本(
Child.prototype = Object.create(Parent.prototype)) - 手动修复
constructor指向:Child.prototype.constructor = Child
使用 ES6 class 和 extends(推荐现代写法)
class 是语法糖,底层仍是基于原型,但更简洁、可读性高,且天然支持 super() 调用父构造函数和父方法。
- 子类必须在 constructor 中调用
super(),否则无法访问this -
super.methodName()可以调用父类同名方法,支持方法重写与复用 - 静态方法、getter/setter、私有字段(
#field)均可被继承(需注意私有成员不可被子类直接访问)
寄生组合式继承(最理想的继承模式)
它优化了组合继承中父构造函数被调用两次的问题(一次在 new Parent() 创建原型时,一次在子类 Parent.call() 中)。只调用一次父构造函数,且完整保留原型链关系。
立即学习“Java免费学习笔记(深入)”;
- 本质是:用
Object.create(Parent.prototype)设置子类原型,再单独调用Parent.call(this)初始化实例属性 - 常被封装为工具函数(如
inherit(Child, Parent)),许多库(如 Babel)编译class extends时也采用此模式
不推荐的方式:直接赋值原型(Child.prototype = Parent.prototype)
这会让子类和父类共享同一原型对象,修改子类原型会影响父类,破坏封装性,也丢失子类自身的 constructor 信息。
- 错误示例:
Child.prototype = Parent.prototype→ 子类添加方法等于给父类加方法 - 正确做法始终基于副本(
Object.create或class extends自动生成)










