深入解析 JavaScript 中的 [[Prototype]] 和相关属性-CSDN博客

本文链接：https://blog.csdn.net/weixin_63490470/article/details/141182679

深入解析 JavaScript 中的 `[[Prototype]]` 和相关属性

[[Prototype]] 是 JavaScript 中一个隐藏的属性，它指向对象的原型对象，是 JavaScript 对象模型的核心概念，它决定了对象继承和属性查找机制。理解 [[Prototype]] 的工作原理对于深入掌握 JavaScript 对象模型至关重要，它能帮助我们更好地理解对象继承、属性查找、原型链等关键概念，从而编写出更优雅、高效的 JavaScript 代码。

一、[[Prototype]] 的概念

[[Prototype]] 是 JavaScript 中一个隐藏的属性，它指向对象的原型对象。原型对象本身也是一个对象，它包含了一组属性和方法，可以被其关联的对象继承。当我们访问一个对象的属性或方法时，JavaScript 引擎会首先在该对象自身中查找，如果找不到，就会沿着 [[Prototype]] 指向的原型链向上查找，直到找到该属性或方法，或者到达原型链的顶端（Object.prototype）。

二、[[Prototype]] 的作用

[[Prototype]] 在 JavaScript 中扮演着至关重要的角色，它主要负责以下功能：

对象继承: [[Prototype]] 是 JavaScript 对象继承机制的核心，它允许对象继承其原型对象中的属性和方法。
属性查找: 当我们访问一个对象的属性或方法时，JavaScript 引擎会沿着 [[Prototype]] 指向的原型链向上查找，直到找到该属性或方法，或者到达原型链的顶端。
原型链: [[Prototype]] 构成了 JavaScript 中的原型链，它是一个由多个对象组成的链条，每个对象都指向其原型对象，最终指向 Object.prototype。

三、[[Prototype]] 的访问方式

由于 [[Prototype]] 是一个隐藏的属性，我们无法直接访问它。但是，我们可以通过以下几种方式间接访问它：

Object.getPrototypeOf(obj): 该方法返回指定对象的原型对象。
obj.__proto__: 该属性（非标准属性）也指向对象的原型对象，但它在严格模式下不可用。
Object.prototype: 所有对象的原型链最终都会指向 Object.prototype。

四、[[Prototype]] 的示例

以下示例展示了 [[Prototype]] 的工作原理：

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

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

const john = new Person('John Doe', 30);

console.log(Object.getPrototypeOf(john)); // Person.prototype
console.log(john.__proto__); // Person.prototype
console.log(john.sayHello()); // Hello, my name is John Doe

在这个示例中，john 对象继承了 Person.prototype 中的 sayHello 方法，因为 john 的 [[Prototype]] 指向 Person.prototype。当我们调用 john.sayHello() 时，JavaScript 引擎会首先在 john 对象自身中查找 sayHello 方法，由于找不到，就会沿着 [[Prototype]] 指向的原型链向上查找，最终在 Person.prototype 中找到 sayHello 方法并执行。

五、[[Prototype]] 与原型链

[[Prototype]] 是原型链的基础，它将多个对象连接起来，形成一个链条。每个对象都指向其原型对象，最终指向 Object.prototype。原型链是 JavaScript 中属性查找机制的核心，当我们访问一个对象的属性或方法时，JavaScript 引擎会沿着原型链向上查找，直到找到该属性或方法，或者到达原型链的顶端。

六、[[Prototype]] 与继承

[[Prototype]] 是 JavaScript 对象继承机制的核心，它允许对象继承其原型对象中的属性和方法。当我们创建一个新对象时，该对象的 [[Prototype]] 会指向其构造函数的 prototype 属性。通过这种方式，新对象可以继承其构造函数的 prototype 属性中的所有属性和方法。

七、[[Prototype]] 与构造函数

构造函数是用来创建对象的函数，它通常使用 new 关键字调用。构造函数的 prototype 属性是一个对象，它包含了该构造函数创建的所有对象的共享属性和方法。当我们使用 new 关键字创建对象时，该对象的 [[Prototype]] 会指向其构造函数的 prototype 属性。

八、[[Prototype]] 与 Object.prototype

Object.prototype 是所有对象的最终原型对象，它包含了所有对象的共享属性和方法，例如 toString、valueOf 等。所有对象的原型链最终都会指向 Object.prototype。

九、[[Prototype]] 的应用

[[Prototype]] 在 JavaScript 中有着广泛的应用，例如：