JS中typeof與instanceof之間的區(qū)別總結(jié)

更新時(shí)間：2013年11月14日 09:35:06 作者：

本文是對(duì)JS中typeof與instanceof之間的區(qū)別進(jìn)行了詳細(xì)的總結(jié)介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助

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

typeof

typeof 是一個(gè)一元運(yùn)算，放在一個(gè)運(yùn)算數(shù)之前，運(yùn)算數(shù)可以是任意類型。

它返回值是一個(gè)字符串，該字符串說(shuō)明運(yùn)算數(shù)的類型。typeof 一般只能返回如下幾個(gè)結(jié)果：

number,boolean,string,function,object,undefined。我們可以使用 typeof 來(lái)獲取一個(gè)變量是否存在，如 if(typeof a!="undefined"){alert("ok")}，而不要去使用 if(a) 因?yàn)槿绻?a 不存在（未聲明）則會(huì)出錯(cuò)，對(duì)于 Array,Null 等特殊對(duì)象使用 typeof 一律返回 object，這正是 typeof 的局限性。

instanceof

instance：實(shí)例,例子

a instanceof b?alert("true"):alert("false"); //a是b的實(shí)例？真:假

instanceof 用于判斷一個(gè)變量是否某個(gè)對(duì)象的實(shí)例，如 var a=new Array();alert(a instanceof Array);
會(huì)返回 true，同時(shí) alert(a instanceof Object) 也會(huì)返回 true;這是因?yàn)?Array 是 object
的子類。再如：function test(){};var a=new test();alert(a instanceof test) 會(huì)返回

談到 instanceof 我們要多插入一個(gè)問(wèn)題，就是 function 的 arguments，我們大家也許都認(rèn)為 arguments 是一個(gè)
Array，但如果使用 instaceof 去測(cè)試會(huì)發(fā)現(xiàn) arguments 不是一個(gè) Array 對(duì)象，盡管看起來(lái)很像。

另外：

測(cè)試 var a=new Array();if (a instanceof Object) alert('Y');else alert('N');

得'Y'

但 if (window instanceof Object) alert('Y');else alert('N');

得'N'

所以，這里的 instanceof 測(cè)試的 object 是指 js 語(yǔ)法中的 object，不是指 dom 模型對(duì)象。

使用 typeof 會(huì)有些區(qū)別

alert(typeof(window)) 會(huì)得 object

您可能感興趣的文章:

相關(guān)文章

JavaScript實(shí)現(xiàn)div的鼠標(biāo)拖拽效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)div的鼠標(biāo)拖拽效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-11-11
JavaScript中this綁定規(guī)則你理解了嗎
JavaScript中的this是一個(gè)非常重要的概念，也是一個(gè)令新手開(kāi)發(fā)者甚至有些不深入理解的多年經(jīng)驗(yàn)開(kāi)發(fā)者都會(huì)感到困惑的概念，如果你希望自己能夠使用this編寫(xiě)更好的代碼或者更好理解他人的代碼，就跟隨小編一起理解一下this吧
2023-07-07
常規(guī)常用的JavaScript加密解密實(shí)例demo
這篇文章主要給大家介紹了關(guān)于常規(guī)常用的JavaScript加密解密的相關(guān)資料,文中通過(guò)示例講解了對(duì)稱加密AES、非對(duì)稱加密RSA、哈希SHA-256、消息認(rèn)證HMAC、編碼Base64、密碼存儲(chǔ)bcrypt及代碼保護(hù),適用于數(shù)據(jù)加密、安全傳輸、密碼存儲(chǔ)等不同場(chǎng)景,需要的朋友可以參考下
2025-05-05
JavaScript 設(shè)計(jì)模式富有表現(xiàn)力的Javascript（一）
javascript設(shè)計(jì)模式是圖靈出版，學(xué)習(xí)中力求每個(gè)章節(jié)都細(xì)看。
2010-05-05
JavaScript實(shí)現(xiàn)無(wú)阻塞加載的常用方式
在 JavaScript 中,無(wú)阻塞加載（Non-blocking Loading）是優(yōu)化網(wǎng)頁(yè)性能的關(guān)鍵技術(shù),通過(guò)避免腳本阻塞頁(yè)面渲染和其他資源的加載,提升用戶體驗(yàn),以下是實(shí)現(xiàn)無(wú)阻塞加載的常用方法及示例,需要的朋友可以參考下
2025-03-03
自己編寫(xiě)的支持Ajax驗(yàn)證的JS表單驗(yàn)證插件
創(chuàng)建一個(gè)JavaScript表單驗(yàn)證插件，可以說(shuō)是一個(gè)繁瑣的過(guò)程，涉及到初期設(shè)計(jì)、開(kāi)發(fā)與測(cè)試等等環(huán)節(jié)。實(shí)際上一個(gè)優(yōu)秀的程序員不僅是技術(shù)高手，也應(yīng)該是善假于外物的。本文介紹的這個(gè)不錯(cuò)的JavaScript表單驗(yàn)證插件，支持ajax驗(yàn)證，有需要的小伙伴可以參考下
2015-05-05
文字不間斷滾動(dòng)(上下左右)實(shí)例代碼
文字不間斷滾動(dòng)(上下左右)實(shí)例代碼，需要的朋友可以參考一下
2013-04-04
JS數(shù)組中對(duì)象去重操作示例
這篇文章主要介紹了JS數(shù)組中對(duì)象去重操作,涉及javascript數(shù)組對(duì)象遍歷、比較、運(yùn)算等相關(guān)操作技巧,需要的朋友可以參考下
2019-06-06
JS解析XML文件和XML字符串詳解
這篇文章主要介紹了JS解析XML文件和XML字符串詳解，推薦給大家，有需要的小伙伴可以參考下。
2015-04-04
js clearInterval()方法的定義和用法
clearInterval()方法能夠取消setInterval()方法設(shè)置的定時(shí)器，本文給大家詳解clearInterval()方法的定義和用法，感興趣的朋友參考下。
2015-11-11