Javascript原型鏈和原型的一個誤區

之前我對Javascript的原型鏈中, 原型繼承與標識符查找有些迷惑，但在看了鳥哥的說明之後~~

轉載來自：http://www.laruence.com/2010/05/13/1462.html     原博客的 圖不理解可以看我下面的圖解。

如, 如下的代碼:

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

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

而, 顯然的:

function Foo() {};
alert(Foo.__proto__ === Foo.prototype); //output: 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

《javascrip高級程序設計（第3版）》

第6章中6.2.3 原型模型中的1.理解原型對象寫道：

     無論什麼時候，只要創建一個新函數，就會根據一組特定的規則爲該函數創建一個prototype屬性，這個屬性指向函數的原型對象。在默認情況下，所有原型對象都會自動獲得一個constructor（構造函數）屬性，這個屬性包含一個指向prototype屬性所在函數的指針。

    創建了自定義的構造函數之後，其原型對象默認只會取得constructor屬性，至於其他方法，則都是從Object繼承而來的，構造函數無法取到prototype的屬性和方法。當調用構造函數創建一個實例後，該實例的內部將包含一個指針，指向構造函數的原型對象，在Firefox,Chrome的開發者工具中可以看到是__proto__這個屬性；

所以，要明確的真正重要的一點是，這個連接存在於實例與構造函數的原型對象之間，而不是存在於實例與構造函數之間。

也就是說，定義了構造函數的原型對象後，創建了實例後才指向原型對象，沒有創建實例的時候，自定義的構造函數是沒有指向原型對象的，而是默認值獲取constructor屬性和Object的方法。它的繼承是在new之後將構造函數的原型對象進行實例之間的繼承，沒有new就沒有繼承原型對象，而不是OOP語言中直接類（如同js的構造函數）的繼承。

原型鏈想解決的問題就是構造函數中的方法不能共享的問題，每個實例new出來之後，裏面的方法不像其他OOP語言是共享方法的，而是獨立開來互不影響的，因爲js本身的設計問題，每個方法其實也是對象。