JavaScript 继承的探险：发现面向对象编程的力量

JavaScript 继承是面向对象编程 (OOP) 的一个基本概念，它允许创建对象，这些对象可以从其他对象继承属性和方法。这使得代码可重用、可扩展并且更易于维护。

类和原型

在 JavaScript 中，类是一个语法糖，它使用原型作为其基础。原型是一个对象，它包含与类关联的方法和属性。当您创建类的实例时，它将获得对原型中定义的所有方法和属性的访问权限。

继承

继承是使用 extends 关键字实现的，它允许一个类从另一个类继承属性和方法。子类继承父类的原型，并可以覆盖或扩展父类的方法。

演示代码

让我们考虑一个 Person 类，该类定义了名称和年龄属性以及一个 greet 方法：

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

  greet() {
    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
  }
}

现在，我们可以创建 Student 类并继承 Person 类：

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

  study() {
    console.log(`I am ${this.name} and I am studying at ${this.school}.`);
  }
}

Student 类继承了 Person 类的属性和方法，并添加了一个额外的 study 方法。

super

super 关键字用于调用父类构造函数和方法。在 Student 构造函数中，super(name, age) 调用父类 Person 的构造函数，确保 name 和 age 属性被正确初始化。

覆盖方法

子类可以通过覆盖父类方法来扩展父类功能。例如，我们可以在 Student 类中覆盖 greet 方法：

class Student extends Person {
  greet() {
    super.greet();  // 调用父类 greet 方法
    console.log(`And I am a student at ${this.school}.`);
  }
}

这将打印一个更具体的问候语，指示学生身份。

多态性

继承促进多态性，这意味着不同类型的对象可以对相同的操作作出不同的响应。例如，如果我们有一个 greetAll 函数，它接受一个 Person 类型的数组并调用其 greet 方法：

function greetAll(people) {
  people.forEach((person) => person.greet());
}

当我们传递一个 Person 对象和一个 Student 对象的数组时，greetAll 函数将调用每个对象的 greet 方法，即使它们不同。

结论

JavaScript 继承是 OOP 的一个强大工具，它允许创建可重用、可扩展且更易于维护的代码。通过利用类、原型和 super 关键字，您可以创建对象层次结构，这些对象层次结构从父类继承属性和方法，并根据需要进行扩展或覆盖。