原型对象与原型链，深刻解读JavaScript中的继承之道

原型对象

在 JavaScript 中，每个函数都有一个 prototype 属性，指向另一个对象，称为该函数的原型对象。原型对象包含了一些属性和方法，这些属性和方法可以被该函数创建的所有对象继承。

例如，以下代码创建了一个名为 Person 的函数，并为其添加了两个属性：name 和 age：

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

Person 函数的 prototype 对象包含以下属性和方法：

Person.prototype = {
  constructor: Person,
  greet: function() {
    console.log("Hello, my name is " + this.name + " and I am " + this.age + " years old.");
  }
};

原型链

原型链是指顺着原型对象寻找对象的一条“链子”。当我们访问一个对象的属性或方法时，如果该对象本身没有该属性或方法，那么 JavaScript 就会沿着原型链向上查找，直到找到该属性或方法。

例如，如果我们创建了一个新的 Person 对象，并尝试访问其 greet 方法，那么 JavaScript 就会沿着原型链向上查找，直到找到 Person.prototype 对象，然后调用该对象的 greet 方法。

const person = new Person("John", 30);

person.greet(); // "Hello, my name is John and I am 30 years old."

继承

在 JavaScript 中，我们可以通过原型链来实现继承。当一个函数的 prototype 对象指向另一个函数的 prototype 对象时，那么这两个函数之间的关系就是继承关系。

例如，以下代码创建了一个名为 Student 的函数，并让其继承 Person 函数：

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

Student.prototype = Object.create(Person.prototype);

Student 函数继承了 Person 函数的所有属性和方法，同时还添加了一个新的属性 major。

总结

原型对象和原型链是 JavaScript 中非常重要的概念，它们影响着对象的继承关系，也对对象的属性和方法的访问方式产生了深远的影响。通过理解原型对象和原型链，我们可以更好地理解 JavaScript 中的继承机制，并编写出更加健壮、可维护的代码。