在前面兩個章節“Javascript之一切皆為對象1”和“Javascript之一切皆為對象2”中，曾提到：
1、“一切（引用類型）皆為對象”
2、 “每個函數都有一個prototype”
3、 “每個對象都有一個__proto__”
那么，問題來了，在隨筆“Javascript之一切皆為對象2”中，不是有下圖么
那，根據“一切（引用類型）皆為對象”，圖中的函數Fn不也是對象嗎？
那它也有__proto__，那么它是指向誰的呢？！！
答案：Function.prototype
為什么這么說呢？
因為函數Fn不是通過Function創建的么
所以Fn.__proto__指向的是Function.prototype。
不信？
我們一起寫個demo並運行代碼，證實下。打開chrome調試器截圖如下。
<!DOCTYPE html> <head> <title>ttt</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> </head> <body> <script> //創建一個Fn函數 function Fn(){} //打印Fn的隱指針，即Fn.__proto__ console.log(Fn.__proto__); </script> </body> </html>
我靠，這是什么鬼！！
我只想說，應該是瀏覽器(我的chrome瀏覽器版本是48)還不支持Function.prototype吧。
那，怎么證明你上面所說的Fn.__proto__指向的是Function.prototype呢？
這樣，我們知道prototype有個屬性constructor吧，它是指向函數本身的，所以呢，倘若Fn.__proto__指向的是Function.prototype，那么Fn.__proto__.constructor就是指向的Function咯。
所以只要我們驗證Fn.__proto__.constructor指向的是Function，那么就可以得出Fn.__proto__指向的是Function.prototype了哈。
demo和chrome截圖如下
<!DOCTYPE html> <head> <title>ttt</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> </head> <body> <script> //創建一個Fn函數 function Fn(){} /*首先調用Fn的隱指針(__proto__)， 然后再通過Fn.__proto__的constructor看看它指向的是什么 */ console.log(Fn.__proto__.constructor); </script> </body> </html>
哈哈，從上面的截圖可以看出Fn.__proto__.constructor的確指向的是Function，所以這會信了吧，Fn.__proto__指向的是Function.prototype。
所以修改上面的流程圖，得下（為了結構更加清晰，我們將上圖中的fn1對象刪除，只留一個fn對象）：
咦，看了改造后的流程圖，有個疑問，Function不也是個對象么，那它的__proto__指向誰呢？
答案：它自己的prototype。
何出此言？
因為Function也是個函數，所以它一定是被Function創建的，即它自身，因此，它的__proto__指向的是Function.prototype。
在上面，我們知道了Fn.__proto__.constructor是指向的Function的，那么倘若要證實Function.__proto__是指向的Function.prototype，只要Function.__proto__.constructor指向的是Function就歐克啦，即Fn.__proto__.constructor.__proto__.constructor指向的是Function。
代碼和截圖如下：
<!DOCTYPE html> <head> <title>ttt</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> </head> <body> <script> //創建一個Fn函數 function Fn(){} console.log(Fn.__proto__.constructor.__proto__.constructor); </script> </body> </html>
看來Function.__proto__的確是指向的Function.prototype。
根據Javascript 之一切皆為對象2中，提到prototype也是對象，所以Function.prototype也有__proto__，且指向的是Object.prototype。
從上面，我們知道Fn.__proto__指向的是Function.prototype，所以我們檢查Function.prototype.__proto__是不是指向的Object.prototype，也就是看看Fn.__proto__.__proto__是不是指向的Object.prototype咯。
驗證代碼和截圖如下：
<!DOCTYPE html> <head> <title>ttt</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> </head> <body> <script> //創建一個Fn函數 function Fn(){} console.log(Fn.__proto__.__proto__); </script> </body> </html>
驗證完畢：Function.prototype.__proto__指向的是Object.prototype。
所以，再次改造上圖，得下流程圖：
咦，從上圖看到Object不也是對象嗎？那它的__proto__指向誰呢？並且它的prototype的__proto__又指向誰呢？
答案：Object當然也是Function創建的，所以它的__proto__指向的肯定就是Function.prototype咯。由於Object.prototype是最后一個鏈，所以它（Object.prototype）的__proto__指向的就是null。
Object是函數嘛，它的__proto__指向Function.prototype倒好理解。
但，你說Object.prototype的__proto__指向的是null？！！
是的，Object.prototype.__proto__指向的是null，代碼和截圖如下：
<!DOCTYPE html> <head> <title>ttt</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> </head> <body> <script> //創建一個對象obj var obj = new Object(); /*obj.__proto__指向的是Object.prototype， 所以,obj.__proto__.__proto__就是Object.prototype.__proto__ */ console.log(obj.__proto__.__proto__); </script> </body> </html>
嘻嘻，對的吧。
再次改造上圖，得下效果圖：
好了，如果你能理解以上這張圖，恭喜你，原型鏈的流程也估計差不多理解咯。