转:Javascript原型链和原型的一个误区

之前我对Javascript的原型链中, 原型继承与标识符查找有些迷惑,

如, 如下的代码:

1. function Foo() {};
2. var foo = new Foo();
3. Foo.prototype.label = "laruence";
4. alert(foo.label); //output: laruence
5. alert(Foo.label);//output: 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__,

1. function Foo() {};
2. var foo = new Foo();
3. Foo.__proto__.label = "laruence";
4. alert(Foo.label); //output: laruence
5. alert(foo.label);//output: undefined

而, 显然的:

1. function Foo() {};
2. alert(Foo.__proto__ === Foo.prototype); //output: false

另外, 也解释了,

1. alert(Object.forEach); // undefined
2.  
3. Function.prototype.forEach = function(object, block, context) {
4.     for (var key in object) {
5.         if (typeof this.prototype[key] == "undefined") {
6.             block.call(context, object[key], key, object);
7.         }
8.     }
9.  
10. };
11.  
12. alert(Object.forEach);
13. alert(Function.forEach);
14. alert(Object.forEach === Function.forEach); // true

 

看以前的：

javascript prototype __proto__区别