javascript之一切皆為對象3

標籤：隨筆   adc   type   嘻嘻   分享   哈哈   問題   object   答案   

在前面兩個章節“Javascript之一切皆為對象1”和“Javascript之一切皆為對象2”中，曾提到：

1、“一切（參考型別）皆為對象”

2、 “每個函數都有一個prototype”

3、 “每個對象都有一個__proto__”

那麼，問題來了，在隨筆“Javascript之一切皆為對象2”中，不是有麼

那，根據“一切（參考型別）皆為對象”，圖中的函數Fn不也是對象嗎？

那它也有__proto__，那麼它是指向誰的呢？！！

答案：Function.prototype

為什麼這麼說呢？

因為函數Fn不是通過Function建立的麼

所以Fn.__proto__指向的是Function.prototype。

不信？

我們一起寫個demo並運行代碼，證實下。開啟chrome調試器如下。

 View Code

我靠，這是什麼鬼！！

我只想說，應該是瀏覽器(我的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如下

 View Code

哈哈，從上面的可以看出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。

代碼和如下：

 View Code

看來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咯。

驗證代碼和如下：

 View Code

驗證完畢：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，代碼和如下：

 View Code

嘻嘻，對的吧。

再次改造，得下：

 

好了，如果你能理解以上這張圖，恭喜你，原型鏈的流程也估計差不多理解咯。

javascript之一切皆為對象3