是时候告别 JS 继承的混乱了：理解原型链和面向对象设计的秘密

2023-12-30 06:30:06

即使是像 JavaScript 这样的编程巨头，也无法避免棘手的家族问题。作为面向对象编程的领域，JS 长期以来一直努力找到继承的最佳方式，最终诞生了许多竞争激烈的继承模式。在这个系列的第三部分中，我们深入探讨原型链和面向对象设计在 JavaScript 继承中的微妙作用。

原型链：传承共享的基因

原型链是一种继承机制，它允许对象访问和继承其原型的属性和方法。当一个对象被创建时，它会链接到其原型的对象，而该原型对象又链接到其自己的原型，以此类推，一直到 Object 原型。这种链接使对象能够访问所有祖先原型的属性和方法，从而形成一个共享属性的继承链。

面向对象设计：实例属性的独特继承

面向对象设计则采用另一种继承方式，它通过借用构造函数来实现继承。当子类被创建时，它的构造函数将调用父类的构造函数，从而为子类实例创建新的属性。这些实例属性是子类独有的，不会被原型链中的其他对象继承。

原型链和面向对象设计的协同作用

原型链和面向对象设计在 JavaScript 继承中扮演着不同的角色，但它们可以协同工作以创建灵活而强大的继承模型。原型链提供对共享属性和方法的继承，而面向对象设计允许实例属性的独特继承。通过将这两种机制结合起来，JavaScript 开发人员可以根据具体情况选择最合适的继承方法。

案例研究：一个真实世界的示例

为了更好地理解原型链和面向对象设计在实践中的作用，让我们考虑一个示例。假设我们有一个 Person 类，它定义了 firstName 和 lastName 属性。我们可以创建一个 Student 类，它继承自 Person 类，并添加了一个 grade 属性。

function Person(firstName, lastName) {
  this.firstName = firstName;
  this.lastName = lastName;
}

function Student(firstName, lastName, grade) {
  // 继承 Person 原型的属性和方法
  Person.call(this, firstName, lastName);

  // 实例属性
  this.grade = grade;
}