typeof和instanceof的區(qū)別

ghnor 發(fā)布于2019-08-20 17:25 / 2706人閱讀

摘要：運(yùn)算符用來測(cè)試一個(gè)對(duì)象在其原型鏈中是否存在一個(gè)構(gòu)造函數(shù)的屬性。多個(gè)窗口意味著多個(gè)全局環(huán)境，不同的全局環(huán)境擁有不同的全局對(duì)象，從而擁有不同的內(nèi)置類型構(gòu)造函數(shù)。

instanceof
instanceof 運(yùn)算符用來測(cè)試一個(gè)對(duì)象在其原型鏈中是否存在一個(gè)構(gòu)造函數(shù)的 prototype 屬性。
語法
object instanceof constructor
描述
instanceof 運(yùn)算符用來檢測(cè) constructor.prototype 是否存在于參數(shù) object 的原型鏈上。

需要注意的是，如果表達(dá)式 obj instanceof Foo 返回true，則并不意味著該表達(dá)式會(huì)永遠(yuǎn)返回true，因?yàn)镕oo.prototype屬性的值有可能會(huì)改變，改變之后的值很有可能不存在于obj的原型鏈上，這時(shí)原表達(dá)式的值就會(huì)成為false。另外一種情況下，原表達(dá)式的值也會(huì)改變，就是改變對(duì)象obj的原型鏈的情況，雖然在目前的ES規(guī)范中，我們只能讀取對(duì)象的原型而不能改變它，但借助于非標(biāo)準(zhǔn)的__proto__魔法屬性，是可以實(shí)現(xiàn)的。比如執(zhí)行obj.__proto__ = {}之后，obj instanceof Foo就會(huì)返回false了。

String和Date對(duì)象同時(shí)也屬于Object類型

typeof
typeof操作符返回一個(gè)字符串,指示未經(jīng)計(jì)算的操作數(shù)的類型。

下表總結(jié)了 typeof 可能的返回值。有關(guān)類型和原語的更多信息，可查看 JavaScript數(shù)據(jù)結(jié)構(gòu) 頁面。

typeof和instanceof的區(qū)別

typeof和instanceof都可以用來判斷變量，它們的用法有很大區(qū)別
typeof會(huì)返回一個(gè)變量的基本類型,instanceof返回的是一個(gè)布爾值

如果我們想要判斷一個(gè)變量是否存在，可以使用typeof：(不能使用if(a) 若a未聲明，則報(bào)錯(cuò))

if(typeof a != "undefined"){
    //變量存在
}

需要注意的是，instanceof只能用來判斷對(duì)象和函數(shù)，不能用來判斷字符串和數(shù)字等

typeof不能用于判斷是否為數(shù)組，因?yàn)槎紩?huì)返回object，判斷是否為數(shù)組可以用一下幾個(gè)方法：

1、constructor屬性
這個(gè)屬性在我們使用js系統(tǒng)或者自己創(chuàng)建的對(duì)象的時(shí)候，會(huì)默認(rèn)的加上，例如：

var arr = [1,2,3];  //創(chuàng)建一個(gè)數(shù)組對(duì)象
arr.prototype.constructor = Array;  //這一句是系統(tǒng)默認(rèn)加上的

所以我們就可以這樣來判斷：

var arr = [1,2,3,1]; 
arr.constructor === Array;   // true

2、instanceof
instanceof是檢測(cè)對(duì)象的原型鏈?zhǔn)欠裰赶驑?gòu)造函數(shù)的prototype對(duì)象的，所以我們也可以用它來判斷：

arr instanceof Array;   // true

3、Array.isArray()

Array.isArray(arr)   // true

4、Object.prototype.toString.call()
instanceof是檢測(cè)對(duì)象的原型鏈?zhǔn)欠裰赶驑?gòu)造函數(shù)的prototype對(duì)象的，所以我們也可以用它來判斷：

Object.prototype.toString.call(arr)    // "[object Array]"

判斷數(shù)組終極解決方案:

var arr = [1,2,3]; 
function isArrayFn(obj){  //封裝一個(gè)函數(shù)
if (typeof Array.isArray === "function") { 
return Array.isArray(obj); //瀏覽器支持則使用isArray()方法
}else{                     
//否則使用toString方法
return Object.prototype.toString.call(obj) === "[object Array]"; 
} 
} 
alert(isArrayFn(arr));// true

instanceof和多全局對(duì)象(多個(gè)frame或多個(gè)window之間的交互)
在瀏覽器中，我們的腳本可能需要在多個(gè)窗口之間進(jìn)行交互。多個(gè)窗口意味著多個(gè)全局環(huán)境，不同的全局環(huán)境擁有不同的全局對(duì)象，從而擁有不同的內(nèi)置類型構(gòu)造函數(shù)。這可能會(huì)引發(fā)一些問題。比如，表達(dá)式 [] instanceof window.frames[0].Array 會(huì)返回false，因?yàn)?Array.prototype !== window.frames[0].Array.prototype，因此你必須使用 Array.isArray(myObj) 或者 Object.prototype.toString.call(myObj) === "[object Array]"來判斷myObj是否是數(shù)組。