手撕祖传原型链图（上）

2024-01-28 16:34:55

前言

大家好，我是[您的名字]，很高兴又和大家见面了。今天，我想和大家聊聊JavaScript中的原型链。原型链是JavaScript中一个非常重要的概念，它决定了对象之间的继承关系。在本文中，我将详细介绍原型链及其相关概念，帮助大家深入理解JavaScript中的面向对象编程。

什么是原型链？

原型链是JavaScript中一种特殊的继承机制。在JavaScript中，每个对象都有一个原型对象，而这个原型对象又可能有自己的原型对象，如此一直向上追溯，直到遇到一个没有原型对象的原型对象，这个原型对象被称为顶层原型对象。原型链就是由这些原型对象组成的链条。

原型链是如何工作的？

当我们创建一个新的对象时，JavaScript会自动为这个对象创建一个原型对象。这个原型对象是该对象的父对象，它包含了该对象的所有属性和方法。当我们访问该对象的属性或方法时，JavaScript会首先在该对象中查找，如果没有找到，则会沿着原型链向上查找，直到找到该属性或方法。

例如，我们创建一个名为person的对象，并给它添加一个名为name的属性：

const person = {
  name: 'John Doe'
};

然后，我们使用点运算符访问person对象的name属性：

const name = person.name;

JavaScript会首先在person对象中查找name属性，如果没有找到，则会沿着原型链向上查找。由于person对象的原型对象是Object.prototype，所以JavaScript会在Object.prototype中查找name属性。由于Object.prototype中没有name属性，所以JavaScript会返回undefined。

原型链的优点

原型链具有以下几个优点：

代码重用： 原型链允许我们共享代码，从而减少代码重复。例如，我们可以创建一个名为Person的构造函数，并在其中定义一些公共属性和方法。然后，我们可以使用Person构造函数创建多个对象，这些对象都会继承Person构造函数的属性和方法。
灵活性： 原型链允许我们在运行时动态地修改对象的属性和方法。例如，我们可以使用Object.defineProperty()方法向对象添加新的属性或方法。
扩展性： 原型链允许我们在不修改现有代码的情况下扩展对象的功能。例如，我们可以创建新的构造函数，并使其继承自现有的构造函数。这样，新的构造函数就可以使用现有的构造函数的所有属性和方法。