JavaScript借用构造函数继承解决引用属性共享问题-js教程-PHP中文网

借用构造函数继承能避免引用类型属性共享，因为每次创建子类实例时都通过call/appl调用父类构造函数，为每个实例独立初始化属性；而原型链继承会使引用属性挂载在原型上被所有实例共享。

javascript借用构造函数继承解决引用属性共享问题

JavaScript中借用构造函数继承（也叫经典继承）能有效避免原型链继承时引用类型属性被所有实例共享的问题。

为什么原型链继承会导致引用属性共享

当通过原型链实现继承时，父类的引用类型属性（如数组、对象）会被所有子类实例共用。因为它们实际存储在原型对象上，修改其中一个实例的该属性，会影响其他实例。

例如：

function Parent() {
this.colors = ['red', 'blue'];
}
function Child() {}
Child.prototype = new Parent(); // 原型继承
const c1 = new Child();
const c2 = new Child();
c1.colors.push('green');
console.log(c2.colors); // ['red', 'blue', 'green'] ← 被意外修改了

借用构造函数继承的核心做法

在子类构造函数内部，用 call 或 apply 调用父类构造函数，让父类中的 this 指向当前子类实例。这样每次创建子类实例时，都会执行父类构造函数逻辑，为每个实例独立初始化引用属性。

javascript-pro

专注现代 ECMAScript、异步编程、性能优化和全栈的 JavaScript 专家，适用于现代开发

下载

父类中的实例属性（包括引用类型）不再挂载在原型上，而是直接添加到每个子类实例自身
子类实例之间互不影响，彻底解决共享问题
可向父类构造函数传参，支持个性化初始化

典型实现方式与注意事项

常见写法：

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

function Child(name, age) {
  // 借用父类构造函数，为当前实例初始化属性
  Parent.call(this, name);
  this.age = age;
}

const c1 = new Child('Alice', 20);
const c2 = new Child('Bob', 25);
c1.colors.push('green');
console.log(c2.colors); // ['red', 'blue'] ← 不受影响

注意点：