你不知道的原型链，原型链最后的秘密

JavaScript 中的原型链：深入浅出

什么是原型链？

JavaScript 是一种基于原型的语言，这意味着对象不是从类中创建的，而是从其他对象中创建的。每个对象都隐式链接到一个原型对象，该原型对象也链接到另一个原型对象，依此类推，直到链结束于一个称为 Object.prototype 的特殊对象。这种链称为原型链。

原型链对于理解对象的行为至关重要。当一个对象无法找到自己属性中的某个属性或方法时，它会向上搜索原型链以寻找该属性或方法。如果在整个链条中都找不到，则该属性或方法不存在。

访问原型对象

我们可以使用两种方法访问对象的原型对象：

• __proto__ 属性： 该属性指向对象的原型对象。
• Object.getPrototypeOf() 方法： 该方法接受一个对象作为参数并返回其原型对象。

示例：

const obj = {};
const prototype = obj.__proto__; // 指向 Object.prototype
const prototype2 = Object.getPrototypeOf(obj); // 也指向 Object.prototype

扩展对象功能

原型链还允许我们通过修改原型对象来扩展对象的功能。例如，如果我们想向所有对象添加一个 sayHello() 方法，我们可以将该方法添加到 Object.prototype 中：

Object.prototype.sayHello = function() {
  console.log("Hello!");
};

const obj = {};
obj.sayHello(); // Hello!

Null：原型链的尽头

在 JavaScript 中，null 是一个特殊的值，它表示一个不存在的值。它没有原型对象，因此它也是原型链的尽头。这使得 null 成为一个非常有用的值，因为它可以安全地用于表示不存在的值而不会导致错误。

常见问题解答

1. 为什么要使用原型链？

原型链提供了以下优点：

• 避免重复代码：原型对象中定义的属性和方法可以由所有继承它的对象共享。
• 代码可维护性：通过集中属性和方法，原型链可以使代码更容易维护和更新。
• 可扩展性：原型链允许我们通过修改原型对象来动态扩展对象的功能。

2. 我应该使用原型链还是类？

原型链和类都用于创建新对象。但是，原型链是一种基于继承的机制，而类是一种基于封装的机制。通常，在以下情况下使用原型链：

• 当我们需要动态扩展对象的功能时。
• 当我们需要避免创建大量相似对象时。
• 当我们需要在运行时创建新类型时。

在其他情况下，更适合使用类。

3. 如何检查一个对象是否继承自另一个对象？

我们可以使用 instanceof 运算符来检查一个对象是否继承自另一个对象。例如：

const obj = {};
console.log(obj instanceof Object); // true

4. 如何从原型链中删除属性或方法？

我们可以使用 delete 运算符从原型链中删除属性或方法。但是，我们应该谨慎使用它，因为它可能会意外地破坏其他对象的属性或方法。

5. 如何防止属性或方法被继承？

为了防止属性或方法被继承，我们可以使用 Object.defineProperty() 方法将其标记为不可枚举。例如：

Object.defineProperty(Object.prototype, "secret", {
  enumerable: false,
  value: "This is a secret!"
});