原型原型链究竟是什么？只需4分钟就懂！

原型和原型链

在JavaScript中，每个函数都有一个原型对象（prototype），原型对象包含了构造函数的属性和方法。当我们访问对象的某个属性或方法时，会首先在对象自身查找，如果查找不到，就会去原型链上去找。原型链是一个由对象和原型对象组成的链条，它可以帮助我们访问对象的属性和方法。

原型链是如何工作的？

原型链是一个从对象到原型对象的链条，它可以帮助我们访问对象的属性和方法。当我们访问对象的某个属性或方法时，会首先在对象自身查找，如果查找不到，就会去原型链上去找。如果在原型链上找到了该属性或方法，就会使用该属性或方法。如果在原型链上也没有找到，就会报错。

原型链的优点

• 原型链可以帮助我们访问对象的属性和方法，即使这些属性或方法不在对象本身中。
• 原型链可以帮助我们实现继承，我们可以通过原型链来继承父对象中的属性和方法。
• 原型链可以帮助我们节省内存，因为我们可以共享原型对象中的属性和方法，而不用在每个对象中都存储一份。

原型链的缺点

• 原型链可能会导致意外的错误，因为我们可能不知道某个对象是否继承了某个属性或方法。
• 原型链可能会导致性能问题，因为我们可能需要遍历整个原型链才能找到某个属性或方法。

如何使用原型链？

我们可以通过以下几种方式来使用原型链：

• 访问对象的属性和方法
• 实现继承
• 节省内存

原型链的实例

以下是一个原型链的实例：

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

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

const person1 = new Person('John');
person1.sayHello(); // Hello, my name is John.

在这个实例中，Person函数是一个构造函数，它创建了一个原型对象Person.prototype。Person.prototype包含了一个sayHello方法。person1是一个Person对象，它继承了Person.prototype中的sayHello方法。因此，我们可以使用person1.sayHello()来调用sayHello方法。

原型链的总结

原型链是一个从对象到原型对象的链条，它可以帮助我们访问对象的属性和方法。原型链可以帮助我们实现继承，我们可以通过原型链来继承父对象中的属性和方法。原型链可以帮助我们节省内存，因为我们可以共享原型对象中的属性和方法，而不用在每个对象中都存储一份。