JavaScript中原型链的定义与作用

JavaScript 中的原型链是一个核心概念，它允许对象继承另一个对象的属性和方法。在JavaScript中，几乎所有的对象都是由其他对象继承而来的，这是通过原型链实现的。原型链基于每个对象内部的`__proto__`属性（在现代JavaScript中，我们通常使用`Object.getPrototypeOf()`方法来访问对象的 prototype），该属性指向其原型对象。

理解原型

在JavaScript中，每当创建一个新对象时，该对象都会包含一个隐藏的属性，即指向另一个对象的引用，这个被引用的对象称为原型。原型的设计允许对象继承另一个对象的属性和方法。

原型链的工作原理

JavaScript中原型链的定义与作用

原型链的工作原理是基于每个对象都有一个指向其原型对象的引用。当你尝试访问一个对象的属性或方法时，如果该对象自身不包含这个属性或方法，JavaScript引擎会沿着原型链向上查找，直到找到匹配的属性或方法或者到达原型链的顶端（通常是`Object.prototype`）。

以下是原型链的关键要点：

1. 每个函数都有一个`prototype`属性：当创建一个函数时，该函数自动获得一个名为`prototype`的属性，这是一个对象，其中包含一个指向函数的内部`[[Prototype]]`属性的引用。

2. 对象的`__proto__`属性指向其原型：普通对象的`__proto__`属性指向创建它的构造函数的`prototype`属性。

3. 原型链的构建：如果原型的属性本身是一个对象，那么它也会有`__proto__`属性，这样就形成了一个链。这就是所谓的原型链。

4. 继承：如果一个对象无法在其自身找到属性或方法，引擎将沿着原型链向上查找，直到找到属性或方法或到达原型链的顶端。

示例

假设我们有以下代码：

function Parent() {
this.parentProperty = true;
}

Parent.prototype.getParentProperty = function() {
return this.parentProperty;
};

function Child() {
this.childProperty = false;
}

Child.prototype = Object.create(Parent.prototype);
Child.prototype.constructor = Child;

Child.prototype.getChildProperty = function() {
return this.childProperty;
};

const childInstance = new Child();
console.log(childInstance.getParentProperty()); // true
console.log(childInstance.getChildProperty()); // false