[[Prototype]]--浅析-优快云博客

1. [[Prototype]]

JavaScript中的对象有一个特殊的[[Prototype]]内置属性，其实就是对于其他对象的引用。几乎所有的对象在创建时[[Prototype]]属性都会被赋予一个而非空的值（可以为空，但很少见）。

[[Prototype]]引用有什么用呢？当我们试图引用对象的属性时会触发[[GET]]操作，比如myObject.a。对于默认的[[Get]]操作来说，第一步就是检查对象本身是否拥有一个a属性，如果有，就使用它。

如果默认的[[Get]]操作不能直接在对象上找到被请求的属性，那么会沿着对象的[[Prototype]]链继续处理。

这个处理持续进行，直到找到名称匹配的属性，或者[[Prototype]]链终结。如果在链条的末尾都没有找到匹配的属性，那么[[Get]]操作的返回结果为undefined。

和这种[[Prototype]]链查询处理相似，如果你使用for..in循环迭代一个对象，所有在它的链条上可以到达的（并且是enumerable的）属性都会被枚举。如果你使用in操作符来测试一个属性在一个对象上的存在性，in将会检查对象的整个链条（无论属性是否可枚举性）。

var obj1 = {
    a: 2
};
var myObj = Objext.create(obj1);
for(var k in myObj) {
    console.log('found:' + k);   //found: a
}  
('a' in myObj); // true

当你以各种方式进行属性查询时，[[Prototype]]链就会一个链接一个链接地被查询。一旦找到属性或者链条终结，这种查询会就会停止。

2. Object.prototype

但是[[Prototype]]链到底在哪里 “尽头”？

所有普通的[[Prototype]]链最终都会指向是内置的Object.prototype。这个对象包含各种在整个JS中被使用的通用方法，因为JavaScript中所有普通（内置的，而非被宿主环境扩展的）的对象都“衍生自”（也就是，使它们的[[Prototype]]顶端为）Object.prototype对象。

在这里发现一些熟悉的方法，比如toString()、valueOf()、hasOwnProperty(..)、isPrototypeOf(..)。

3. 设置与屏蔽属性

给一个对象那个设置属性并不仅仅是添加一个性能熟悉或者修改已有的属性。如：

var myObj.foo = 'bar';

如果属性名foo既存在于myObj额存在于myObj的[[Prototype]]链上层，就会发生屏蔽。直接存在于myObj上的foo属性会屏蔽原型链上层的所有的foo属性，因为myObj.foo总是会选择原型链中最底层的foo属性。

现在来分析当foo 不直接存在于myObj，但存在于myObj的原型链上层时会出现的3中情况：
1. 如果一个名为foo的普通数据访问属性存在于[[Prototype]]链上层，而且没有被标记为只读（writable:false），那么会直接在myObj上添加一个名为foo的新属性，它是屏蔽属性。
2. 如果一个foo存在于[[Prototype]]链的上层，但是它被标记为只读（writable:false），那么无法修改已有属性或者在myObj上创建屏蔽属性。如果代码运行在strict mode下，会抛出一个错误。否则，这个设置属性值的操作会被无声地忽略。总之，没有发生遮蔽。
3. 如果在[[Prototype]]链上层存在foo，而且它是一个setter，那么就一定会调用这个setter。foo不会被添加到（也就是遮蔽在）myObject上，也不会重新定义foo这个setter。

如果你想在第二和第三种情况中遮蔽foo，那就不能使用 =操作符来赋值，而必须使用Object.defineProperty(..)将foo添加到myObject。

有时会发生隐式屏蔽，如：

var obj = {
    a: 2;
};
var obj1 = Object.create(obj);
obj.a;   // 2
obj1.a;  // 2
obj.hasOwnProperty('a');  // true
obj1.hasOwnProperty('a');  // false
obj1.a++;  // 隐式屏蔽
obj.a;   // 2
obj1.a;  // 3
obj1.hasOwnProperty('a');  // true