揭秘 JavaScript 原型链的神秘面纱：纵览其运作机制并巧妙运用

前端

2023-09-26 00:30:05

一、何为 JavaScript 原型？

JavaScript 原型是一个对象，它提供了其他对象可以继承的属性和方法。每个 JavaScript 对象都有一个原型，该原型又具有自己的原型，如此层层相连，便形成了原型链。原型链允许对象访问和继承原型中定义的属性和方法。

二、揭开原型链的神秘面纱

原型链是 JavaScript 中一个重要的概念，它允许对象访问和继承原型中定义的属性和方法。每个 JavaScript 对象都有一个原型，该原型又具有自己的原型，如此层层相连，便形成了原型链。

原型链的查找顺序如下：

在对象自身查找属性或方法。
如果在对象自身找不到，则在对象的原型中查找。
如果在对象的原型中找不到，则在对象的原型的原型中查找。
依次向上查找，直到找到该属性或方法，或到达原型链的末尾（即 Object.prototype）。

三、巧用原型继承，提升代码复用性

原型继承是 JavaScript 中实现继承的一种方式。通过原型继承，子对象可以继承父对象的所有属性和方法。

原型继承的实现非常简单，只需将子对象的原型设置为父对象即可。例如：

function Parent() {
  this.name = "Parent";
}

Parent.prototype.sayHello = function() {
  console.log("Hello, I am " + this.name);
};

function Child() {
  this.name = "Child";
}

// 将 Child 的原型设置为 Parent 的原型
Child.prototype = new Parent();

// 创建一个 Child 对象
const child = new Child();

// 调用 Child 对象的 sayHello 方法
child.sayHello(); // 输出: "Hello, I am Child"