117笔记问答JavaScript 原型链是一种继承机制，它允许对象共享另一个对象的属性和方法。要深入理解原型链，我们需要了解以下几个概念：
-
原型（Prototype）：在 JavaScript 中，每个对象都有一个特殊的属性
[[Prototype]]，它是一个内部链接，指向另一个对象。这个被指向的对象就是原型。原型对象也可能有它自己的原型，这样一级一级往上找，直到原型对象为null，形成一条链式结构，这就是原型链。 -
原型对象（Prototype Object）：具有
[[Prototype]]属性的对象。当我们试图访问一个对象的属性时，JavaScript 引擎会首先在该对象本身查找这个属性。如果没有找到，它将沿着原型链向上查找，直到找到该属性或到达原型链的末端。 -
继承（Inheritance）：通过原型链，一个对象可以继承另一个对象的属性和方法。当我们创建一个新对象时，这个新对象会继承其构造函数的原型对象的所有属性和方法。这样，我们可以在不同的对象之间共享代码，减少重复。
要深入理解原型链，可以通过以下几个步骤：
- 创建原型对象：首先，我们需要创建一个原型对象，它包含一些属性和方法，这些属性和方法将被其他对象继承。
function Person(name, age) {
this.name = name;
this.age = age;
}
Person.prototype.sayHello = function() {
console.log(`Hello, my name is ${this.name}`);
};
- 创建实例对象：接下来，我们通过调用构造函数创建一个新的实例对象。这个新对象会继承构造函数的原型对象的所有属性和方法。
const person1 = new Person("Alice", 30);
const person2 = new Person("Bob", 25);
- 访问属性和方法：现在，我们可以通过实例对象访问原型对象上的属性和方法。
console.log(person1.name); // Alice person1.sayHello(); // Hello, my name is Alice
- 原型链查找：当我们试图访问一个不存在的属性或方法时，JavaScript 引擎会沿着原型链向上查找。
console.log(person1.job); // undefined person1.job = "Engineer"; console.log(person1.job); // Engineer
通过以上步骤，我们可以更好地理解 JavaScript 原型链的工作原理。原型链提供了一种灵活且高效的继承机制，使得对象之间可以共享属性和方法。