JS之传承

在JavaScript中，我们可以通过原型链的机制来实现继承。这听起来可能有些复杂，但其实并不难理解。每个函数都有一个原型对象，这个对象包含了该函数的所有属性和方法。当我们创建一个新对象时，它会自动继承其构造函数的原型对象的所有属性和方法。

举个例子，我们创建一个名为“Person”的构造函数，它有两个属性（“name”和“age”）和一个方法（“greet”）。

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

现在，我们创建一个名为“Student”的新构造函数，它继承自“Person”构造函数。

function Student(name, age, major) {
  Person.call(this, name, age);
  this.major = major;
}

“Student”构造函数继承了“Person”构造函数的所有属性和方法，并添加了一个新的属性（“major”）。

现在，我们可以创建一个“Student”对象，并使用它的属性和方法。

const student = new Student("John", 20, "Computer Science");
student.greet(); // Hello, my name is John and I am 20 years old.
console.log(student.major); // Computer Science

这就是JavaScript中的继承机制。它是一种简单而强大的方式，可以让我们创建新的对象，并重用现有对象的属性和方法。

除了原型链之外，JavaScript还支持另一种继承机制，叫做“类”。类是一种语法糖，它使我们能够更轻松地创建和使用对象。

要创建一个类，我们使用“class”。类可以包含属性、方法和构造函数。

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.`);
  }
}

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

这个类与我们之前创建的“Person”和“Student”构造函数等价。

现在，我们可以创建一个“Student”对象，并使用它的属性和方法。

const student = new Student("John", 20, "Computer Science");
student.greet(); // Hello, my name is John and I am 20 years old.
console.log(student.major); // Computer Science

这就是JavaScript中的类。它是一种简单而强大的方式，可以让我们创建和使用对象。

希望这篇文章能帮助您理解JavaScript中的继承机制。