寫在前面

上篇文章詳細解釋了一下prototype與__proto__兩個屬性的差異與聯絡。這裡涉及到原型鏈的概念，所以我就又生出了疑問，javascript中既然所有東西都是物件，而他們又是相互繼承的關係，子又生孫，孫又生子，無窮匱也，那他們的源頭又在哪裡，換句話說，他們共同的祖先在哪裡。所以，這回我通過對Function與Object兩個物件的實驗，試圖弄清這個事兒。

兩個老祖先：Function.prototype與Object.prototype

我把我通過實驗得到的結論畫成了類圖，只想知道結論的朋友看這張圖就可以了。這個圖裡有兩個物件是所有物件的始祖，Object.prototype與Function.prototype，它倆是這篇文章的主角，如下：

原型鏈的盡頭：大祖宗Object.prototype

請記住，Object.prototype是一切物件原型的盡頭，在javascript中，如果你不故意把__proto__賦值成null，那只有Object.prototype這一個物件的__proto__天然就是null。

console.log(Object.prototype.__proto__ === null);//true

我想既然Object.prototype.__proto的值天然是null，那我人工給它賦值會怎麼樣，我就很邪惡的嘗試了一下：

Object.prototype.__proto__ = {A:'a'
 
};
console.log(Object.prototype.__proto__);

結果報了一大堆很噁心的錯誤：

Error: Cyclic __proto__ value
    at Object.__proto__ (native)
    at Object.<anonymous> (/Users/myc/Code/test/index.js:1:90)
    at Module._compile (module.js:460:26)
    at Object.Module._extensions..js (module.js:478:10)
    at Module.load (module
 
.js:355:32)
    at Function.Module._load (module.js:310:12)
    at Function.Module.runMain (module.js:501:10)
    at startup (node.js:129:16)
    at node.js:814:3

大概應該就是Object.__proto__是本地方法，不能更改之類的，看來javascript肯定還是有內部機制保護它的。

接著我又嘗試了一下去給其他的物件的__proto__賦值，都沒有報錯，包括Function.prototype.__proto__。

Function.prototype.__proto__ = {A:"a"};
Function.__proto__ = {A:"a"};
Object.__proto__ = {A:"a"};

Object.prototype的兒子們

Object.prototype最重要的一個兒子應該就算是Function.prototype了，它應該算是整個javascript家族裡的二祖宗，我們後面細說。這裡我們先記住Function.prototype繼承自Object.prototype。

console.log(Function.prototype.__proto__ === Object.prototype);//true

作為大祖宗,Object.prototype還有很多比較正常的兒子們，那就是我們自行建立的object型別物件，它們的原型直接繼承自Object.prototype。如下程式碼可以佐證：

var A = {};
var B = new Object();
console.log(A.__proto__ === Object.prototype);//true
console.log(B.__proto__ === Object.prototype);//true

Object.prototype的type是object

console.log(typeof Object.prototype)//object

記住，用typeof來判斷Object.prototype時，型別為object。

function型別的始祖：二祖宗Function.prototype

作為家族中的二祖宗，其也是子嗣眾多，下面我們一一道來。

Function與Object

Function.prototype最重要的兩個兒子應該就是Function與Object了。

console.log(Function.__proto__ === Function.prototype);//true
console.log(Object.__proto__ === Function.prototype);//true

這裡如果不太清楚會比較繞，你會發現Function.__proto__與Function.prototype指向同一個物件。其實，這個地方，只需要清楚Object.prototype、Function.prototype、Object、Function是四個不同的物件就不會亂了，再結合我前面畫的類圖。

這裡還需要注意一點Function與Object的型別都是function，這裡也許看上去比較彆扭，但只需分清，Function與Object都只是一個描述符或者叫變數名，object與function是兩個型別名。

Function與Object可以分別作為建構函式建立function型別的物件與object的物件。

var fun = new Function();
var obj = new Object();

其他內建引用物件

javascript中還有其他的幾個內建引用物件，Array、Date、Error、RegExp，它們的__proto__都指向Function.prototype。它們各自創建出來的物件都指向它們本身的prototype。

console.log(Array.__proto__ === Function.prototype);//true
console.log(Date.__proto__ === Function.prototype);//true
console.log(Error.__proto__ === Function.prototype);//true
console.log(RegExp.__proto__ === Function.prototype);//true

自己定義的函式

我們自行建立的函式，其原型都是Function.protopyte。

var A = function（）{}；
var B = new Function();
console.log(A.__proto__ === Function.prototype);//true
console.log(B.__proto__ === Function.prototype);//true

Function.prototyte的type是function

Function.prototype的型別是function,這裡有一點比較特殊，它是唯一一個沒有prototype屬性的function型別物件。

console.log(typeof Function.prototype)//function
console.log(Function.prototype.prototype)//undefined

Object.prototype與Function.prototype中的屬性

可以用Object.getOwnPropertyNames將一個物件的屬性用陣列輸出，這裡我們也可以用它來輸出Object.prototype與Function.prototype的屬性。

console.log(Object.getOwnPropertyNames(Function.prototype));
console.log(Object.getOwnPropertyNames(Object.prototype));

孤傲的null

如果你用typeof判斷null，他的型別也是object。不過他不具備任何屬性，也沒有原型。你在其下訪問任何東西都會報錯，這應該也是javascript的某種保護機制。

總結

當我們把原型鏈向上追溯的時候，會發現最上游的幾個物件相互引用的似乎有點兒亂，但如果你細想想，都是有道理的。這裡主要就涉及四個物件：Object.prototype、Function.prototype、Object、Function。分別把它們的prototype與__proto__屬性的指向搞清，就能理清楚這個關係。