深入剖析 extends 和寄生式组合继承原型差异

2023-10-09 16:31:42

在面向对象编程 (OOP) 的浩瀚世界中，继承是构建复杂系统的基石。在 JavaScript 中，继承分为两种主要类型：extends 继承 和寄生式组合继承 。深入了解它们之间的差异对于理解 JavaScript 中的继承至关重要。

extends 继承：父类延伸

extends 继承是一种直接继承模式，允许子类继承父类的所有属性和方法。它通过使用 extends 来实现。如下所示：

class Parent {
  constructor(name) {
    this.name = name;
  }

  greet() {
    console.log(`Hello, my name is ${this.name}`);
  }
}

class Child extends Parent {
  constructor(name, age) {
    super(name); // 调用父类构造函数
    this.age = age;
  }
}

寄生式组合继承：模仿的继承

寄生式组合继承是一种更灵活的继承方式，它涉及创建子类，该子类通过组合（在内部使用其他构造函数）来继承父类的属性和方法。它不使用 extends 关键字。如下所示：

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

Parent.prototype.greet = function() {
  console.log(`Hello, my name is ${this.name}`);
};

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

主要差异

虽然 extends 继承和寄生式组合继承都允许子类访问父类的方法和属性，但它们在实现方式和行为上存在几个关键差异：

继承方式： extends 继承直接继承父类原型，而寄生式组合继承使用组合来模拟继承。
构造函数调用： extends 继承使用 super() 调用父类构造函数，而寄生式组合继承使用 Parent.call(this, ...) 进行调用。
原型修改： extends 继承修改子类的原型，而寄生式组合继承创建并维护一个单独的原型对象。