快捷導(dǎo)航

理解Javascript_07_理解instanceof實(shí)現(xiàn)原理

更新時(shí)間：2010年10月15日 23:49:36 作者：

在《Javascript類型檢測》一文中講到了用instanceof來用做檢測類型，讓我們來回顧一下

那么instanceof的這種行為到底是如何實(shí)現(xiàn)的呢,現(xiàn)在讓我們揭開instanceof背后的迷霧。

instanceof原理
照慣例，我們先來看一段代碼：

 
function Cat(){} 
Cat.prototype = {} 
function Dog(){} 
Dog.prototype ={} 
var dog1 = new Dog(); 
alert(dog1 instanceof Dog);//true 
alert(dog1 instanceof Object);//true 
Dog.prototype = Cat.prototype; 
alert(dog1 instanceof Dog);//false 
alert(dog1 instanceof Cat);//false 
alert(dog1 instanceof Object);//true; 
var dog2= new Dog(); 
alert(dog2 instanceof Dog);//true 
alert(dog2 instanceof Cat);//true 
alert(dog2 instanceof Object);//true 
Dog.prototype = null; 
var dog3 = new Dog(); 
alert(dog3 instanceof Cat);//false 
alert(dog3 instanceof Object);//true 
alert(dog3 instanceof Dog);//error 

讓我們畫一張內(nèi)存圖來分析一下：

內(nèi)存圖比較復(fù)雜，解釋一下：
程序本身是一個(gè)動態(tài)的概念，隨著程序的執(zhí)行，Dog.prototype會不斷的改變。但是為了方便，我只畫了一張圖來表達(dá)這三次prototype引用的改變。在堆中，右邊是函數(shù)對象的內(nèi)存表示,中間的是函數(shù)對象的prototype屬性的指向，左邊的是函數(shù)對象創(chuàng)建的對象實(shí)例。其中函數(shù)對象指向prototype屬性的指針上寫了dog1,dog2,dog3分別對應(yīng)Dog.prototype的三次引用改變。它們和棧中的dog1,dog2,dog3也有對應(yīng)的關(guān)系。(注：關(guān)于函數(shù)對象將在后續(xù)博文中講解)
來有一點(diǎn)要注意，就是dog3中函數(shù)對象的prototype屬性為null,則函數(shù)對象實(shí)例dog3的內(nèi)部[[prototype]]屬性將指向Object.prototype,這一點(diǎn)在《理解Javascript_06_理解對象的創(chuàng)建過程》已經(jīng)講解過了。

結(jié)論
根據(jù)代碼運(yùn)行結(jié)果和內(nèi)存結(jié)構(gòu)，推導(dǎo)出結(jié)論：
instanceof 檢測一個(gè)對象A是不是另一個(gè)對象B的實(shí)例的原理是：查看對象B的prototype指向的對象是否在對象A的[[prototype]]鏈上。如果在，則返回true,如果不在則返回false。不過有一個(gè)特殊的情況，當(dāng)對象B的prototype為null將會報(bào)錯(cuò)(類似于空指針異常)。

這里推薦一篇文章，來自于歲月如歌，也是關(guān)于instanceof原理的，角度不同，但有異曲同工之妙。

您可能感興趣的文章: