揭秘原型与原型链的奥秘，掌握JavaScript的运行机理

2024-01-25 06:19:07

原型（prototype）和原型链（prototype chain）是JavaScript中非常重要的概念，也是理解JavaScript对象和继承机制的关键。

在JavaScript中，每个实例对象都有一个私有属性__proto__，指向实例的构造函数的原型对象（prototype）。这个原型对象也有自己的原型对象（proto），层层向上，直到原型对象是null为止，这种链称为原型链。

当我们访问一个对象中的属性或方法时，JavaScript引擎会沿着原型链逐层向上查找，直到找到该属性或方法为止。如果在当前对象中找不到，则会继续在原型对象的原型对象中查找，依此类推，直到找到该属性或方法，或者到达原型链的末端。

原型链的存在使得JavaScript中的对象可以继承其他对象的属性和方法。例如，如果我们有一个Person构造函数，它有一个name属性和一个sayHello方法，那么我们就可以创建一个新的Person实例对象，并继承Person构造函数的name属性和sayHello方法。

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

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

const person = new Person('John');

person.sayHello(); // Hello, my name is John

在上面的代码中，我们创建了一个Person构造函数，它有一个name属性和一个sayHello方法。然后我们创建了一个新的Person实例对象person，并继承了Person构造函数的name属性和sayHello方法。当我们调用person.sayHello()方法时，JavaScript引擎会沿着原型链逐层向上查找，直到找到sayHello方法，然后执行该方法。

原型链是JavaScript中实现继承的一种方式，它使得JavaScript中的对象可以继承其他对象的属性和方法，从而实现代码的重用和维护。