JavaScript中[[Prototype]]和prototype之间的关系

Question

JavaScript中[[Prototype]]和prototype之间的关系

19

来自http://www.jibbering.com/faq/faq_notes/closures.html：

注意：ECMAScript 定义了一个内部的 Object 类型的 [[prototype]] 属性。这个属性不能直接从脚本中访问，但是在属性访问解析中使用它所引用的对象链，即对象的原型链。公共的 prototype 属性存在是为了允许关联到内部 [[prototype]] 属性进行原型的赋值、定义和操作。两者之间的关系细节详见 ECMA 262（第三版），超出了本讨论的范围。

两者之间的关系细节是什么？我浏览了一下 ECMAScript 262，但只看到如下内容：

程序表达式 constructor.prototype 引用构造函数的相关原型，

Native ECMAScript 对象有一个名为 [[Prototype]] 的内部属性。该属性的值为 null 或对象，用于实现继承。

每个内置函数和每个内置构造函数都有 Function 原型对象，它是表达式 Function.prototype 的初始值。

每个内置原型对象都有一个名为 Object.prototype 的 Object 原型对象作为其内部 [[Prototype]] 属性的初始值，除了 Object 原型对象本身。

通过这些信息，我得出的结论是，对于几乎所有对象来说，[[Prototype]] 属性等同于 prototype 属性。我理解错了吗？

- Claudiu

3个回答

12

直接回答你的问题：从逻辑上讲，它是对象构造函数的prototype属性的私有副本。使用元语言，这就是创建对象的方式：

// not real JS

var Ctr = function(...){...};
Ctr.prototype = {...}; // some object with methods and properties

// the object creation sequence: var x = new Ctr(a, b, c);
var x = {};
x["[[prototype]]"] = Ctr.prototype;
var result = Ctr.call(x, a, b, c);
if(typeof result == "object"){ x = result; }
// our x is fully constructed and initialized at this point

此时，我们可以修改原型，这些更改将反映在该类的所有对象中，因为它们通过引用引用原型：

Ctr.prototype.log = function(){ console.log("...logging..."); };

x.log();  // ...logging..

但是如果我们在构造函数的原型上进行更改，已经创建的对象将继续引用旧对象：

Ctr.prototype = {life: 42};
// let's assume that the old prototype didn't define "life"

console.log(x.life);  // undefined
x.log();              // ...logging...

完全按照标准，[[prototype]] 不可用，但是 Mozilla 使用只读属性 __proto__ 扩展了标准，暴露了通常隐藏的 [[prototype]]：

同样，__proto__ 可在下一个 ES3.1 标准中合法化。

- Eugene Lazutkin

1

哦，他们没有标准化__proto__，而是创建了Object.getPrototypeOf(target)，它将返回target.[[Prototype]]。主要区别在于您无法对结果进行赋值。 - Sean McMillan

4

除了olavk的回答之外：一些JavaScript实现（例如mozilla）允许直接访问[[Prototype]]属性...

- Christoph

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- olavk · Accepted Answer

我认为在大多数情况下你是正确的。

每个对象都有一个隐藏的 [[Prototype]] 属性，用于继承。函数还有一个公共的 prototype 属性，仅当该函数被用作构造函数时才使用: 当使用 new 构造对象时，新对象的 [[Prototype]] 属性设置为用作构造函数的函数的 prototype 属性。

例如：

function C() {}
C.prototype = P1;  
var obj = new C();  // obj.[[Prototype]] is now P1.

您可以使用 Object.getPrototypeOf(<obj>) 方法获取[[Prototype]]属性。（该方法在ECMAScript 5中定义。旧版本的JavaScript没有任何标准方法来读取[[Prototype]]）。

通常情况下，您可以通过构造函数访问原型对象，例如：

obj.constructor.prototype == Object.getPrototypeOf(obj)

但情况并非总是如此，因为构造函数的原型属性可以被重新赋值，但对象的[[Prototype]]在对象创建后无法重新分配。所以如果你这样做：

C.prototype = P2;

然后

obj.constructor.prototype != Object.getPrototypeOf(obj)

因为C的原型现在是P2，但obj的[[Prototype]]仍然是P1。

请注意，只有函数才有prototype属性。还要注意，函数的prototype属性与函数的[[Prototype]]属性不同！