原型与原型链：探索JavaScript中的对象继承之谜

2024-02-21 15:23:32

一、初识原型

在JavaScript中，一切皆对象。对象是能够存储数据的容器，并且具有属性和方法。当我们创建一个新对象时，我们可以使用new和一个构造函数来创建它。构造函数是一个特殊的函数，用于创建和初始化对象。

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

const person1 = new Person('John', 30);
console.log(person1.name); // John
console.log(person1.age); // 30

在上面的代码中，我们定义了一个名为Person的构造函数。这个构造函数接受两个参数：name和age。然后，我们在person1变量中创建了一个新的Person对象。我们使用console.log()函数来输出person1对象的name和age属性。

二、原型与原型链

当我们创建一个新对象时，这个对象会自动继承其构造函数的原型对象。原型对象是一个特殊的对象，它包含了构造函数的所有属性和方法。原型对象可以通过__proto__属性来访问。

console.log(person1.__proto__); // Person {}

上面的代码输出Person对象的原型对象。我们可以看到，原型对象包含了Person构造函数的所有属性和方法。

当我们访问一个对象的属性或方法时，JavaScript会首先在该对象中查找该属性或方法。如果在该对象中没有找到，JavaScript会沿着原型链向上查找。这个过程一直持续到找到该属性或方法，或者到达原型链的顶部（即Object.prototype对象）。

三、原型链的优点

原型链具有以下优点：

代码复用： 由于原型链的存在，我们可以将公共属性和方法放在原型对象中，这样所有继承自该原型对象的子对象都可以共享这些属性和方法。这可以减少代码重复，并使代码更易于维护。
继承关系： 原型链可以帮助我们建立对象之间的继承关系。子对象可以继承父对象的属性和方法，并可以覆盖父对象的方法。这使得我们可以轻松地创建具有不同属性和行为的对象。
灵活性： 原型链非常灵活，我们可以随时添加或删除原型对象中的属性和方法。这使得我们可以轻松地扩展或修改对象的功能。