原型链是 JavaScript 中对象继承机制的核心，指的是对象之间的继承关系通过原型链来实现。当访问一个对象的属性或方法时，JavaScript 会按照原型链的顺序逐级向上查找，直到找到该属性或方法，或者到达原型链的末端 null。

原型链的基本概念

每个 JavaScript 对象都有一个内部属性 [[Prototype]]，指向它的原型对象。通过 __proto__ 可以访问这个属性（虽然不推荐直接使用）。

• 构造函数的 prototype：每个函数都有一个 prototype 属性，指向其原型对象。
• 实例的 __proto__：每个对象的 __proto__ 属性指向它的构造函数的 prototype。

当访问对象的属性时，首先会在对象本身查找，如果没有找到，则会沿着 __proto__ 查找，直到查找到 null 为止。

示例

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

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

const person1 = new Person('Alice');
person1.sayHello();  // 输出: Hello, my name is Alice

在上面的例子中，person1 对象没有 sayHello 方法，因此 JavaScript 会查找 person1.__proto__，即 Person.prototype，找到该方法并调用它。

原型链的结构

每个对象都会有一个原型链。假设有一个对象 obj，它的原型链结构大致如下：

obj → obj.proto → obj.proto.proto → ... → null

• obj 是实例对象。
• obj.__proto__ 是 obj 的原型（即构造函数的 prototype）。
• obj.__proto__.__proto__ 是原型的原型，依此类推，直到 null 为止。

原型链的优势

1. 代码复用：通过原型链，可以共享方法和属性，避免在每个实例上重复定义相同的内容。
2. 灵活的继承机制：原型链让 JavaScript 实现了类似类的继承功能，即便 JavaScript 是基于原型的面向对象语言。

使用原型链时的注意事项

1. 性能问题：虽然原型链是继承的核心，但过长的原型链会影响查找性能。
2. 修改原型会影响所有实例：如果修改了构造函数的原型，所有通过该构造函数创建的实例都会受到影响，这需要小心使用。

原型链与 Object.create()

Object.create() 可以用来创建一个指定原型的新对象，这使得原型链的操作更加灵活。

const personProto = {
    sayHello() {
        console.log('Hello!');
    }
};

const person1 = Object.create(personProto);
person1.sayHello();  // 输出: Hello!

总结

原型链是 JavaScript 继承的基础机制，它允许对象通过原型来继承属性和方法。理解原型链对于深入理解 JavaScript 的对象模型和继承机制至关重要。