JavaScript class组合继承实现详解

结论先行：JavaScript 的 class 语法虽然简洁，但无法直接复刻传统组合继承的完整语义。不过，咱们可以采用 class 配合手动调整原型链的方式，将组合继承的效果模拟出来，代码同样清晰明了。

组合继承的核心思想其实只有两条：一是通过构造函数继承实例属性，二是通过原型链复用父类的方法。使用 class 实现时，需要将这两步拆解开来：先用 super() 完成实例属性的继承，再手动将子类的原型链接到父类的原型上，最后务必把子类原型的 constructor 指回子类自身——否则实例的 constructor 会指向父类，导致混淆。

用 class 模拟组合继承的关键三步

组合继承 = 构造函数继承（解决实例属性） + 原型链继承（复用原型方法）。在 class 语法中需显式拆解这两部分：

• 在子类 constructor 中调用 super(...) —— 实现父类实例属性的继承（如 this.name、this.age）
• 手动修正子类的 prototype，使其 __proto__ 指向父类原型（而非默认的 Object.prototype）
• 重设子类 prototype.constructor，确保实例的 constructor 指向子类本身（否则会指向父类）

标准写法示例（ES6+ 可运行）

以下代码完整模拟了传统组合继承行为：

class Animal {
  constructor(name) {
    this.name = name;
  }
  speak() {
    console.log(`${this.name} makes a sound`);
  }
}

class Dog extends Animal {
  constructor(name, breed) {
    super(name); //  继承实例属性（name）
    this.breed = breed; //  自有实例属性
  }
  bark() {
    console.log(`${this.name} barks!`);
  }
}

//  手动补全原型链继承（弥补 extends 的局限）
// extends 默认只做了 super() 和部分原型链接，但 constructor 指向可能不稳，且某些环境需显式加固
Object.setPrototypeOf(Dog.prototype, Animal.prototype);
Dog.prototype.constructor = Dog;

// 验证
const dog = new Dog('Charlie', 'Golden');
console.log(dog.name);     // 'Charlie'
console.log(dog.breed);    // 'Golden'
dog.speak();               // 'Charlie makes a sound'（来自 Animal.prototype）
dog.bark();                // 'Charlie barks!'（来自 Dog.prototype）
console.log(dog instanceof Dog);     // true
console.log(dog instanceof Animal);  // true

为什么不能只靠 extends？

extends 语法本身确实已经很强大，它保证了 super() 的正常调用和基本原型链的建立。但在某些边界场景下，例如旧版引擎或复杂的多层继承链中，子类的 prototype.constructor 可能被意外覆盖或丢失。此外，若想复刻传统组合继承中“两次调用父类构造函数”的独特语义（实际开发中极少使用），则必须手动干预。坦率地说，现代开发中 extends 加 super() 基本足够，额外修补主要用于教学参考或应对极端兼容需求。

更稳妥的封装写法（推荐用于工具库）

如果不想每次都重复那两行手动设置，可以封装一个小函数：

function inherit(Child, Parent) {
  Object.setPrototypeOf(Child.prototype, Parent.prototype);
  Child.prototype.constructor = Child;
}

// 使用
class Cat extends Animal {
  constructor(name, color) {
    super(name);
    this.color = color;
  }
}
inherit(Cat, Animal); //  一次补全

这样既保留了 class 的优雅语法，又能确保原型链关系清晰可靠，算是两全其美的方案。