JavaScript原型链误区：prototype与__proto__的区别

JavaScript原型链误区：prototype与__proto__的区别

过去我对JavaScript原型链中，原型继承与标识符查找的机制存在困惑。

例如，观察以下代码行为：

function Foo() {};
var foo = new Foo();
Foo.prototype.label = "laruence";
alert(foo.label); //输出: laruence
alert(Foo.label);//输出: undefined

今天看到一张示意图：

另外，在Javascript Object Hierarchy文档中提到：

The prototype is only used for properties inherited by objects/instances created by that function. The function itself does not use the associated prototype.

这意味着，函数对象的prototype属性并不参与该函数自身的原型链查找过程。

今天在Firefox浏览器下发现（因为Firefox通过__proto__暴露了[[prototype]]内部属性），真正参与标识符查找的是函数对象的__proto__属性。

function Foo() {};
var foo = new Foo();
Foo.__proto__.label = "laruence";
alert(Foo.label); //输出: laruence
alert(foo.label);//输出: undefined

显然：

function Foo() {};
alert(Foo.__proto__ === Foo.prototype); //输出: false

此外，这也解释了：

alert(Object.forEach); // undefined
 
Function.prototype.forEach = function(object, block, context) {
for (var key in object) {
if (typeof this.prototype[key] == "undefined") {
block.call(context, object[key], key, object);
        }
    }
 
};
 
alert(Object.forEach);
alert(Function.forEach);
alert(Object.forEach === Function.forEach); // true