JavaScript 继承：组合式集成之奥妙

2024-02-06 19:35:10

组合继承：一箭双雕的继承之道

在 JavaScript 中，实现继承的方法多种多样，其中组合继承脱颖而出，以其灵活性与实用性广受推崇。组合继承将原型链继承与构造函数继承有机结合，融合了两者的优势，为开发者提供了更加强大的继承机制。

原型链继承：血脉相承的精髓

原型链继承，如同家族的传承，通过共享一个公共的原型对象，后代可以访问和继承父代的属性和方法。在 JavaScript 中，原型链继承可以通过原型属性 (__proto__) 或 Object.create() 方法实现。

function Parent() {
  this.name = 'Parent';
}

function Child() {
  this.age = 20;
}

// 使用原型链继承
Child.prototype = new Parent();

const child = new Child();

console.log(child.name); // 'Parent'
console.log(child.age); // 20

构造函数继承：复制基因的奥秘

构造函数继承，犹如克隆，通过调用父类的构造函数并传递参数，创建子类的实例，子类将拥有与父类相同的属性和方法。

function Parent(name) {
  this.name = name;
}

function Child(name, age) {
  // 调用父类的构造函数
  Parent.call(this, name);

  this.age = age;
}

const child = new Child('John', 20);

console.log(child.name); // 'John'
console.log(child.age); // 20

组合继承：兼容并蓄的完美融合

组合继承兼收并蓄，将原型链继承与构造函数继承完美融合，实现了一种更加灵活和强大的继承模式。组合继承首先通过原型链继承，将父类的原型对象赋值给子类的原型对象，共享父类的方法和属性。随后通过构造函数继承，调用父类的构造函数，传入参数，初始化子类的实例，让子类拥有自己的属性和方法。

function Parent(name) {
  this.name = name;
}

function Child(name, age) {
  // 原型链继承
  Child.prototype = new Parent();

  // 构造函数继承
  Parent.call(this, name);

  this.age = age;
}

const child = new Child('John', 20);

console.log(child.name); // 'John'
console.log(child.age); // 20