JavaScript深入：prototype、getPrototypeOf与__proto__解析

"本文主要探讨JavaScript中的三种与原型相关的概念：prototype、getPrototypeOf和__proto__，并提供了详细的解释和示例，旨在帮助读者深入理解这些概念及其在原型链中的作用。" 在JavaScript中，原型（Prototype）是实现对象继承的关键机制。本文将围绕`prototype`、`Object.getPrototypeOf()`和`__proto__`这三个关键概念进行阐述。 1. `prototype`属性： `prototype`通常用于设置构造函数的原型对象，以便新创建的对象能够继承其属性和方法。例如： ```javascript function User(name, passwordHash) { this.name = name; this.passwordHash = passwordHash; } User.prototype.toString = function() { return "[User" + this.name + "]"; }; User.prototype.checkPassword = function(password) { return hash(password) === this.passwordHash; }; ``` 在这个例子中，`User`构造函数的`prototype`属性被用来添加`toString`和`checkPassword`方法。当我们创建`User`的新实例`u`时，`u`的原型会指向`User.prototype`。 2. `Object.getPrototypeOf()`方法： 这是ES5引入的一个标准方法，用于获取对象的原型对象。例如： ```javascript var u = new User("sfalken", "0ef33ae791068ec64b502d6cb0191387"); console.log(Object.getPrototypeOf(u) === User.prototype); // true ``` `Object.getPrototypeOf(u)`返回`u`的原型对象，这正是`User.prototype`。 3. `__proto__`属性： 尽管`__proto__`是非标准的，但在许多浏览器和环境中，它被用来直接访问对象的原型。尽管不推荐在生产代码中使用，但了解其工作原理是有益的： ```javascript console.log(u.__proto__ === User.prototype); // true ``` 在这里，`u.__proto__`同样返回`User.prototype`，与`Object.getPrototypeOf(u)`的结果相同。 理解这些概念对于掌握JavaScript的面向对象编程至关重要。原型链（Prototype Chain）是通过`__proto__`或`prototype`链接起来的一系列对象，使得一个对象可以访问其原型对象的属性和方法。在上述例子中，`u`对象可以通过原型链访问`User.prototype`中定义的方法，如`toString`和`checkPassword`。 `prototype`用于设置构造函数的原型，`Object.getPrototypeOf()`是获取对象原型的标准方法，而`__proto__`则提供了一种非标准但常见的访问原型的方式。正确理解和使用这些概念可以帮助开发者更有效地利用JavaScript的原型继承机制。