JavaScript原型链是如何工作的

JavaScript 原型链是一种实现对象间继承的机制。它主要涉及到两个核心概念：原型对象（prototype）和原型链。

1. 原型对象（prototype）：

在 JavaScript 中，函数具有一个特殊属性，叫做原型对象（prototype）。原型对象是一个对象，它包含一个指针，称为[[Prototype]]，这个指针指向其父原型对象。当函数被作为构造器创建对象时，这个原型对象会被用作新创建对象的原型。换句话说，原型对象充当了构造函数的“模板”，新创建的对象会从原型对象上继承属性和方法。

例如：

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

Person.prototype.sayHello = function() {
  console.log("Hello, my name is " + this.name);
};

在这个例子中，Person 是一个构造函数，它的原型对象是 Person.prototype。我们给 Person.prototype 添加了一个名为 sayHello 的方法。所有通过 new Person() 创建的对象都会从 Person.prototype 继承 sayHello 方法。

2. 原型链（Prototype Chain）：

原型链是实现对象间继承的核心机制。当试图访问一个对象的属性或方法时，如果该对象本身没有这个属性或方法，JavaScript 引擎会沿着原型链向上查找，直到找到该属性或方法，或者到达原型链的顶端（null）。

例如：

const person1 = new Person("Alice", 30);
const person2 = new Person("Bob", 25);

person1.sayHello(); // 输出 "Hello, my name is Alice"
person2.sayHello(); // 输出 "Hello, my name is Bob"

在这个例子中，person1 和 person2 都从 Person.prototype 继承了 sayHello 方法。当我们调用 person1.sayHello() 时，JavaScript 引擎会在 person1 对象本身查找该方法，如果没有找到，它会沿着原型链向上查找，直到找到 sayHello 方法。

总结一下，JavaScript 原型链的工作原理是通过原型对象和原型链实现对象间的继承。当我们试图访问一个对象的属性或方法时，JavaScript 引擎会沿着原型链向上查找，直到找到该属性或方法，或者到达原型链的顶端（null）。