快捷導(dǎo)航

理解Javascript_09_Function與Object

更新時(shí)間：2010年10月16日 00:02:31 作者：

在《理解Javascript_08_函數(shù)對(duì)象》中講解了很多函數(shù)對(duì)象的問(wèn)題，同時(shí)也留下了許多疑問(wèn)，今天讓我們來(lái)解答部分問(wèn)題。

注：理論過(guò)于深入，本人不改保證所有的理論都是正確的，但經(jīng)過(guò)多方測(cè)試還未發(fā)現(xiàn)實(shí)際代碼與理論沖突的問(wèn)題。如有錯(cuò)誤，望高人指點(diǎn)！

Function
　　首先回顧一下函數(shù)對(duì)象的概念，函數(shù)就是對(duì)象,代表函數(shù)的對(duì)象就是函數(shù)對(duì)象。所有的函數(shù)對(duì)象是被Function這個(gè)函數(shù)對(duì)象構(gòu)造出來(lái)的。也就是說(shuō)，F(xiàn)unction是最頂層的構(gòu)造器。它構(gòu)造了系統(tǒng)中所有的對(duì)象，包括用戶自定義對(duì)象，系統(tǒng)內(nèi)置對(duì)象，甚至包括它自已。這也表明Function具有自舉性(自已構(gòu)造自己的能力)。這也間接決定了Function的[[call]]和[[constructor]]邏輯相同。

復(fù)制代碼代碼如下:

 
function Foo() {}; 
var foo = new Foo(); 
//Foo為foo的構(gòu)造函數(shù) 
alert(foo instanceof Foo); // true 
//但是Function并不是foo的構(gòu)造函數(shù) 
alert(foo instanceof Function); // false 
//Function為Foo的構(gòu)造函數(shù) 
alert(Foo instanceof Function);//true 

上面的代碼解釋了foo和其構(gòu)造函數(shù)Foo和Foo的構(gòu)造函數(shù)Function的關(guān)系。(具體原理請(qǐng)參見(jiàn)Function與Object的內(nèi)存關(guān)系圖)
Object　
　　對(duì)于Object它是最頂層的對(duì)象，所有的對(duì)象都將繼承Object的原型，但是你也要明確的知道Object也是一個(gè)函數(shù)對(duì)象，所以說(shuō)Object是被Function構(gòu)造出來(lái)的。（關(guān)于Object并沒(méi)有太多的理論）

Function與Object
這是本文的重點(diǎn)，非常重要！

復(fù)制代碼代碼如下:

 
alert(Function instanceof Function);//true 
alert(Function instanceof Object);//true 
alert(Object instanceof Function);//true 
function Foo() {}; 
var foo = new Foo(); 
alert(foo instanceof Foo); // true 
alert(foo instanceof Function); // false 
alert(foo instanceof Object); // true 
alert(Foo instanceof Function); // true 
alert(Foo instanceof Object); // true 

你能理解這些答案嗎？那恭喜你，Javascript語(yǔ)言的本質(zhì)你已經(jīng)理解了。
那么讓我們來(lái)看一下Object與Function實(shí)際的關(guān)系吧：

在你看圖之前，請(qǐng)先閱讀函數(shù)對(duì)象與instanceof原理兩篇文章，要不然內(nèi)存圖很難理解。

在這，我對(duì)內(nèi)存圖做一點(diǎn)說(shuō)明：在函數(shù)對(duì)象一文中提到了函數(shù)對(duì)象的構(gòu)造過(guò)程，在本文中提到Function為自舉性的，所以說(shuō)函數(shù)對(duì)象Foo的構(gòu)造過(guò)程和函數(shù)對(duì)象Function的構(gòu)造過(guò)程是一樣的。所以在圖中給于高亮顯示，我用'|'來(lái)分隔來(lái)表示它們的構(gòu)造過(guò)程相同。根據(jù)instanceof的理論，和內(nèi)存圖，可以將上面的語(yǔ)句都推導(dǎo)出正確的結(jié)果。在此我們不一一講述了，讀者自已體會(huì)吧。

如果你不能理解這張復(fù)雜的內(nèi)存圖的話，可以看下面的說(shuō)明圖來(lái)幫助理解：

注：代碼的實(shí)際執(zhí)行流程并不完全像這張圖上描述的那樣，也就是說(shuō)這張圖是有問(wèn)題的(可以說(shuō)是錯(cuò)誤的),它無(wú)法解釋為什么Function instanceof Function 為true。但是它易于理解Function與Object的關(guān)系。

您可能感興趣的文章: