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
class 是语法糖,底层仍是基于原型,但更简洁、可读性高,且天然支持 super() 调用父构造函数和父方法。
super(),否则无法访问 this
super.methodName()
可以调用父类同名方法,支持方法重写与复用#field)均可被继承(需注意私有成员不可被子类直接访问)它优化了组合继承中父构造函数被调用两次的问题(一次在 new Parent() 创建原型时,一次在子类 Parent.call() 中)。只调用一次父构造函数,且完整保留原型链关系。
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 自动生成)