JavaScript 中原型链怎么使用寄生组合式继承实现高效且完美的面向对象继承-js教程-PHP中文网

寄生组合式继承是“最优解”因为它融合构造函数与原型链继承优势，避免属性共享和方法重复创建；通过object.create(parent.prototype)桥接并修复constructor，确保实例属性独立且原型方法复用。

javascript 中原型链怎么使用寄生组合式继承实现高效且完美的面向对象继承

寄生组合式继承为什么是“最优解”

它把构造函数继承和原型链继承的优点合在一起，又避开了各自的硬伤：既让每个实例拥有独立的属性（不共享引用类型），又能复用父类原型上的方法（不重复创建）。关键在于——不直接用 new Parent() 赋值给 Child.prototype，而是用一个空对象桥接，切断子类原型与父类实例间的直接耦合。

核心四步实现（代码即逻辑）

以 Parent 和 Child 为例，按顺序执行：

deep-java-review

Java项目代码review工具。分析Git变更+完整调用链路上下文，推断业务需求，进行多维度评分和分类汇总，生成完整PRD文档。包含细粒度Java代码审查清单（Null安全、异常处理、Streams、并发、equals/hashCode、资源管理、API设计、性能、MyBatis/ORM、事务边界、SQL/DD...

下载

定义父类：构造函数初始化实例属性，方法挂载在 prototype 上
子类调用父类构造函数：在 Child 内部用 Parent.call(this, ...args) 复制实例属性
创建干净的原型中介：用 Object.create(Parent.prototype) 得到一个空对象，其 __proto__ 指向 Parent.prototype
重设 constructor 并赋值：把中介对象的 constructor 改回 Child，再赋给 Child.prototype

完整可运行示例

注意 constructor 修复和 Object.create 的不可替代性：

function Parent(name) {
  this.name = name;
  this.colors = ['red', 'blue'];
}
Parent.prototype.sayName = function() {
  return this.name;
};

function Child(name, age) {
  Parent.call(this, name); // ✅ 实例属性独立
  this.age = age;
}

// ✅ 关键：不 new Parent()，避免执行父构造函数、不污染原型
Child.prototype = Object.create(Parent.prototype);
Child.prototype.constructor = Child; // ✅ 修复 constructor 指向

Child.prototype.sayAge = function() {
  return this.age;
};

const c1 = new Child('Alice', 25);
const c2 = new Child('Bob', 30);
c1.colors.push('green');
console.log(c1.colors); // ['red','blue','green']
console.log(c2.colors); // ['red','blue'] —— 不共享 ✅
console.log(c1.sayName()); // 'Alice' —— 方法可继承 ✅