JavaScript類型檢測之typeof和instanceof的缺陷與優化_javascript技巧

typeof

--------------------------------------------------------------------------------

typeof 返回一個表達式的數據類型的字符串，返回結果為javascript中的基本數據類型，包括：number、boolean、string、object、undefined、function等6種數據類型。

可以看出，typeof 可以準確的判斷除object以外的基礎數據類型，但不能區分object類型的具體類型，比如 Array 、Date 以及自定義類。

instanceof

--------------------------------------------------------------------------------

instanceof 本意是用來判斷 A 是否為 B 的實例對象，表達式為：A instanceof B，如果A是B的實例，則返回true,否則返回false。 在這里需要特別注意的是：instanceof檢測的是原型，那它是怎么檢測的呢，我們用一段偽代碼來模擬其內部執行過程：

從上述過程可以看出，當A的__proto__ 指向B的prototype時，就認為A就是B的實例對象，我們再來看幾個例子：

從上面的例子中，我們發現雖然instanceof能夠正確判斷[] 是Array的實例對象，但不能辨別 [] 不是Object的實例對象，為什么呢，這還需要從javascript的原型鏈說起，我們首先來分析一下[]、Array、Object 三者之間的關系，從instanceof判斷能夠得出：[].__proto__ ->Array.prototype， 而Array.prototype.__proto__指向了Object.prototype，Object.prototype.__proto__ 指向了null,標志著原型鏈的結束。（ps:關于JS原型鏈請閱讀：淺談javascript原型和原型鏈） 因此，[]、Array、Object就形成了一條原型鏈：

從原型鏈可以看出，[]的__proto__最終指向了Object.prototype，類似的new Date()、new Person() 也會形成這樣一條原型鏈，因此，我們用 instanceof 也不能完全精確的判斷object類的具體數據類型。

優化方案

--------------------------------------------------------------------------------

對于這個問題，在閱讀jQuery源碼時，發現了一個比較好的解決方案，由于源碼之間存在相互調用不便于閱讀和理解，因此，按照其思路進行了整理和封裝，代碼如下：

JavaScript 中 typeof 和 instanceof 常用來判斷一個變量是否為空，或者是什么類型的。但它們之間還是有區別的：

typeof

typeof 是一個一元運算，放在一個運算數之前，運算數可以是任意類型。

它返回值是一個字符串，該字符串說明運算數的類型。typeof 一般只能返回如下幾個結果：

number,boolean,string,function,object,undefined。我們可以使用 typeof 來獲取一個變量是否存在，如 if(typeof a!="undefined"){alert("ok")}，而不要去使用 if(a) 因為如果 a 不存在（未聲明）則會出錯，對于 Array,Null 等特殊對象使用 typeof 一律返回 object，這正是 typeof 的局限性。

網上的一個小例子：

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

JavaScript類型檢測之typeof和instanceof的缺陷與優化_javascript技巧

JavaScript類型檢測之typeof和instanceof的缺陷與優化_javascript技巧:在javascript中，typeof 和 instanceof 是用來判斷數據類型比較通用的兩個方法，這篇文章的目的是通過對這兩個方法介紹來分析其存在的不足并提出優化方案。 typeof ------------------------------------------------------

推薦度：

點擊下載本文 文檔為doc格式