javascript如何实现继承：方案选型与实操要点

javascript如何实现继承：在ECMAScript2015（ECMA-262第6版，TC39制定的语言规范）之后，现代代码主要通过class关键字搭配extends与super建立父子类关系；在此之前的原生写法包括原型链继承、构造函数继承、组合继承、原型式继承、寄生式继承和寄生组合式继承。选型时，团队已迁移到ES6语法的新项目直接用extends；需要兼容旧运行环境、或要理解原型机制底层原理时，才使用传统原型方案。以下方案各有明确的适用场景与局限，引用类型属性共享、父类构造函数重复调用、原型方法无法继承是三类高频问题，判断依据见后文对比表。

JavaScript如何通过原型链与构造函数实现继承

原型链继承把子类的prototype指向父类实例，子类实例沿原型链向上查找父类属性与方法。你会在子类构造函数上拿到父类实例的引用，父类原型上的方法可被复用；但父类实例中的引用类型属性（数组、对象）会被所有子类实例共享，一个实例修改会波及其他实例，且无法在创建子类实例时向父类传参。

构造函数继承在子类构造函数内部用Child.call(this,parentArgs)执行父类逻辑，把父类实例属性挂到子类实例上，可传参、隔离引用类型；但父类原型上定义的方法不会被继承，方法无法复用，每个实例各自持有一份函数副本。

组合继承把两者结合，原型链复用父类原型方法，构造函数复制实例属性。它解决了前两种方案的主要问题，但子类创建时父类构造函数被调用两次——一次在设置子类原型时，一次在子类构造函数内部，父类实例属性因此在子类原型和子类实例上各存一份，实例上的同名属性遮蔽原型上的副本。

JavaScript如何用classextends实现继承

ES6的class是原型写法的语法糖。子类声明classChildextendsParent，在构造函数第一行调用super(...args)执行父类构造，之后通过this操作子类实例；父类原型方法自动进入子类原型链，静态成员也随extends继承。方法定义在class内部，无需手动修改prototype。

• 子类构造函数必须先调用super，再访问this，否则引擎抛出引用错误
• 重写父类方法时，可在方法内用super.methodName()调用父类版本
• extends后可接普通构造函数或类，运行时仍沿原型链查找

寄生组合式继承针对组合继承的重复调用问题改造，通过Object.create(Parent.prototype)创建子类原型，再用Object.setPrototypeOf或直接赋值修正constructor指向，构造函数内仍借用Parent.call(this,args)。它只调用一次父类构造函数，原型链保持完整，在ES6之前的工程里是较为稳妥的封装方式；缺点是手动维护原型指向，步骤比class多。

新项目优先采用classextends。

JavaScript继承的适用边界

该方法的适用边界是：浏览器或Node.js运行环境已支持ES6class，或构建链路配置了Babel等转译工具将class编译为兼容写法；若目标环境未做转译且直接运行原生class，低版本引擎会解析报错。需要区分继承与混入：extends建立单原型链父子关系，多来源行为复用应借助组合对象、mixin函数或工具函数，而不是强行多层继承。

判断一段继承代码是否正确，先看构造函数调用顺序——class子类在super之前不得出现this；传统原型方案检查子类原型的constructor是否被修正回子类，否则实例的constructor指向父类，实例类型判断会失真。再沿原型链走一遍查找路径，确认父类原型方法能被子类实例访问到，实例自身属性与原型属性不重复存储。引用类型属性只在构造函数内初始化，不要挂在原型上；需要跨实例共享的方法放在原型或class方法区。写完后用instanceof验证父子关系，用Object.getPrototypeOf核对原型链层级，这两步可复现且不依赖特定框架。