之前我对Javascript的原型链中, 原型继承与标识符查找有些迷惑,bGkHTML5中文学习网 - HTML5先行者学习网
如, 如下的代码:bGkHTML5中文学习网 - HTML5先行者学习网
bGkHTML5中文学习网 - HTML5先行者学习网
function Foo() {};bGkHTML5中文学习网 - HTML5先行者学习网
var foo = new Foo();bGkHTML5中文学习网 - HTML5先行者学习网
Foo.prototype.label = "laruence";bGkHTML5中文学习网 - HTML5先行者学习网
alert(foo.label); //output: laruencebGkHTML5中文学习网 - HTML5先行者学习网
alert(Foo.label);//output: undefinedbGkHTML5中文学习网 - HTML5先行者学习网
bGkHTML5中文学习网 - HTML5先行者学习网今天看到了如下这个图:bGkHTML5中文学习网 - HTML5先行者学习网
bGkHTML5中文学习网 - HTML5先行者学习网
Javascript object layoutbGkHTML5中文学习网 - HTML5先行者学习网
另外, 在Javascript Object Hierarchy看到:bGkHTML5中文学习网 - HTML5先行者学习网
The prototype is only used for properties inherited by objects/instances created by that function. The function itself does not use the associated prototype.bGkHTML5中文学习网 - HTML5先行者学习网
也就是说, 函数对象的prototype并不作用于原型链查找过程中,bGkHTML5中文学习网 - HTML5先行者学习网
今天在firefox下发现(因为firefox通过__proto__暴露了[[prototype]]), 真正参与标识符查找的是函数对象的__proto__,bGkHTML5中文学习网 - HTML5先行者学习网
bGkHTML5中文学习网 - HTML5先行者学习网
function Foo() {};bGkHTML5中文学习网 - HTML5先行者学习网
var foo = new Foo();bGkHTML5中文学习网 - HTML5先行者学习网
Foo.__proto__.label = "laruence";bGkHTML5中文学习网 - HTML5先行者学习网
alert(Foo.label); //output: laruencebGkHTML5中文学习网 - HTML5先行者学习网
alert(foo.label);//output: undefinedbGkHTML5中文学习网 - HTML5先行者学习网
bGkHTML5中文学习网 - HTML5先行者学习网而, 显然的:bGkHTML5中文学习网 - HTML5先行者学习网
bGkHTML5中文学习网 - HTML5先行者学习网
function Foo() {};bGkHTML5中文学习网 - HTML5先行者学习网
alert(Foo.__proto__ === Foo.prototype); //output: falsebGkHTML5中文学习网 - HTML5先行者学习网
bGkHTML5中文学习网 - HTML5先行者学习网另外, 也解释了,bGkHTML5中文学习网 - HTML5先行者学习网
bGkHTML5中文学习网 - HTML5先行者学习网
alert(Object.forEach); // undefinedbGkHTML5中文学习网 - HTML5先行者学习网
bGkHTML5中文学习网 - HTML5先行者学习网
Function.prototype.forEach = function(object, block, context) {bGkHTML5中文学习网 - HTML5先行者学习网
for (var key in object) {bGkHTML5中文学习网 - HTML5先行者学习网
if (typeof this.prototype[key] == "undefined") {bGkHTML5中文学习网 - HTML5先行者学习网
block.call(context, object[key], key, object);bGkHTML5中文学习网 - HTML5先行者学习网
}bGkHTML5中文学习网 - HTML5先行者学习网
}bGkHTML5中文学习网 - HTML5先行者学习网
bGkHTML5中文学习网 - HTML5先行者学习网
};bGkHTML5中文学习网 - HTML5先行者学习网
bGkHTML5中文学习网 - HTML5先行者学习网
alert(Object.forEach);bGkHTML5中文学习网 - HTML5先行者学习网
alert(Function.forEach);bGkHTML5中文学习网 - HTML5先行者学习网
alert(Object.forEach === Function.forEach); // truebGkHTML5中文学习网 - HTML5先行者学习网
bGkHTML5中文学习网 - HTML5先行者学习网