一文搞懂原型与原型链

原型

在 JavaScript 中，每个函数都有一个名为 proto 的属性，该属性指向该函数的原型对象。原型对象包含了一组属性和方法，这些属性和方法可以被该函数的实例继承。

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

Person.prototype.greet = function() {
  console.log(`Hello, my name is ${this.name}!`);
};

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

在上面的示例中，Person 函数的原型对象包含了一个名为 greet 的方法。当我们使用 new 创建一个 Person 的实例时，该实例会继承 Person.prototype 中的所有属性和方法。因此，我们可以使用 person.greet() 来调用 greet 方法，并输出 "Hello, my name is John Doe!"。

原型链

原型链是一个对象到其原型的链。每个对象都有一个原型对象，该原型对象又可能有自己的原型对象，依此类推，直到到达 Object.prototype。Object.prototype 是所有对象的原型对象，它是原型链的根。

const person = new Person('John Doe');

console.log(person.__proto__ === Person.prototype); // true
console.log(Person.prototype.__proto__ === Object.prototype); // true
console.log(Object.prototype.__proto__); // null

在上面的示例中，person 的原型对象是 Person.prototype，Person.prototype 的原型对象是 Object.prototype，Object.prototype 的原型对象是 null。因此，person 的原型链是 person -> Person.prototype -> Object.prototype -> null。

理解原型和原型链的重要性

理解原型和原型链对于深入理解 JavaScript 的运作方式非常重要。它们可以帮助您理解继承是如何工作的，以及为什么某些属性和方法可以在对象之间共享。此外，它们还可以帮助您理解某些 JavaScript 错误是如何发生的，以及如何修复它们。

常见问题

• 原型和原型链有什么区别？

  原型是一个对象，它包含了一组属性和方法，这些属性和方法可以被该对象的实例继承。原型链是一个对象到其原型的链，它可以帮助您理解继承是如何工作的，以及为什么某些属性和方法可以在对象之间共享。

• 为什么原型链中会有 Object.prototype？

  Object.prototype 是所有对象的原型对象，它是原型链的根。这是因为所有对象都是从 Object 派生的。

• 原型链可以被修改吗？

  原型链可以被修改，但是这样做需要谨慎。修改原型链可能会导致意外的行为，因此在修改原型链之前，您应该仔细考虑这样做可能产生的后果。