JavaScript 原型链继承：诠释对象间的家族关系

2023-12-23 02:11:16

继承是面向对象编程中的一项核心概念，它允许子类从父类继承属性和方法，并在子类中扩展或修改它们。在 JavaScript 中，我们可以通过原型链继承来模拟这种特性。

原型链继承是一种隐式继承，它不需要在子类的构造函数中显式调用父类的构造函数。相反，它通过修改子类的原型对象来实现继承。

在 ES6 之前，原型链继承是 JavaScript 中实现继承的唯一方式。现在，我们有了 class ，它允许我们使用更简洁的语法来实现继承。然而，了解原型链继承仍然很重要，因为它有助于我们更好地理解 JavaScript 的面向对象特性。

原型链继承的实现机制

为了理解原型链继承的实现机制，我们需要首先了解原型对象的概念。每个 JavaScript 对象都有一个原型对象，它是一个特殊的对象，存储着该对象的所有属性和方法。

原型对象可以通过对象的 [[Prototype]] 属性访问。例如，如果我们有一个对象 obj，我们可以通过 obj.[[Prototype]] 来访问它的原型对象。

当我们创建子类时，子类的原型对象被设置为父类的实例对象。这意味着子类可以访问父类实例对象上的所有属性和方法。

例如，如果我们有一个父类 Person，它有一个属性 name 和一个方法 greet。我们可以创建一个子类 Student，它继承自 Person 类。Student 类的原型对象被设置为 Person 类的一个实例对象。这意味着 Student 类可以访问 Person 类的 name 属性和 greet 方法。

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

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

class Student extends Person {
  constructor(name, major) {
    super(name);
    this.major = major;
  }

  study() {
    console.log(`I'm studying ${this.major}.`);
  }
}

const person = new Person('John Doe');
person.greet(); // Hello, my name is John Doe.

const student = new Student('Jane Doe', 'Computer Science');
student.greet(); // Hello, my name is Jane Doe.
student.study(); // I'm studying Computer Science.