JavaScript instanceof 的使用方法示例介紹
更新時(shí)間：2013年10月23日 17:07:26 作者：
判斷一個(gè)變量的類型嘗嘗會用 typeof 運(yùn)算符而他畢竟有些缺陷，就是無論引用的是什么類型的對象，它都返回object，這時(shí)就要用到instanceof來檢測某個(gè)對象是不是另一個(gè)對象的實(shí)例
在 JavaScript 中，判斷一個(gè)變量的類型嘗嘗會用 typeof 運(yùn)算符，在使用 typeof 運(yùn)算符時(shí)采用引用類型存儲值會出現(xiàn)一個(gè)問題，無論引用的是什么類型的對象，它都返回 “object”。這就需要用到instanceof來檢測某個(gè)對象是不是另一個(gè)對象的實(shí)例。
通常來講，使用 instanceof 就是判斷一個(gè)實(shí)例是否屬于某種類型。
另外，更重的一點(diǎn)是 instanceof 可以在繼承關(guān)系中用來判斷一個(gè)實(shí)例是否屬于它的父類型。
// 判斷 foo 是否是 Foo 類的實(shí)例 , 并且是否是其父類型的實(shí)例function Aoo(){}
function Foo(){}
Foo.prototype = new Aoo();//JavaScript 原型繼承
var foo = new Foo();
console.log(foo instanceof Foo)//true
console.log(foo instanceof Aoo)//true
上面的代碼中是判斷了一層繼承關(guān)系中的父類，在多層繼承關(guān)系中，instanceof 運(yùn)算符同樣適用。
instanceof 復(fù)雜用法
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
要想從根本上了解 instanceof 的奧秘，需要從兩個(gè)方面著手：1，語言規(guī)范中是如何定義這個(gè)運(yùn)算符的。2，JavaScript 原型繼承機(jī)。大家感興趣的可以去查看相關(guān)資料。
通常來講，使用 instanceof 就是判斷一個(gè)實(shí)例是否屬于某種類型。
另外，更重的一點(diǎn)是 instanceof 可以在繼承關(guān)系中用來判斷一個(gè)實(shí)例是否屬于它的父類型。
復(fù)制代碼 代碼如下:
// 判斷 foo 是否是 Foo 類的實(shí)例 , 并且是否是其父類型的實(shí)例function Aoo(){}
function Foo(){}
Foo.prototype = new Aoo();//JavaScript 原型繼承
var foo = new Foo();
console.log(foo instanceof Foo)//true
console.log(foo instanceof Aoo)//true
上面的代碼中是判斷了一層繼承關(guān)系中的父類，在多層繼承關(guān)系中，instanceof 運(yùn)算符同樣適用。
instanceof 復(fù)雜用法
復(fù)制代碼 代碼如下:
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
要想從根本上了解 instanceof 的奧秘，需要從兩個(gè)方面著手：1，語言規(guī)范中是如何定義這個(gè)運(yùn)算符的。2，JavaScript 原型繼承機(jī)。大家感興趣的可以去查看相關(guān)資料。
相關(guān)文章
在JavaScript中處理時(shí)間之getHours()方法的使用
這篇文章主要介紹了在JavaScript中處理時(shí)間之getHours()方法的使用,是JS入門學(xué)些中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06
有時(shí)候我們需要獲取當(dāng)前網(wǎng)頁的網(wǎng)址，方便我們判斷，一般情況我們都是通過location.href來獲取2013-12-12
Javascript模塊化編程(一)AMD規(guī)范(規(guī)范使用模塊)
這個(gè)系列的第一部分介紹了Javascript模塊的基本寫法，今天介紹如何規(guī)范地使用模塊,先想一想，為什么模塊很重要？接下來為您詳細(xì)介紹，感興趣的朋友可以了解下啊2013-01-01
js nextSibling屬性和previousSibling屬性概述及使用注意
nextSibling屬性:該屬性表示當(dāng)前節(jié)點(diǎn)的下一個(gè)節(jié)點(diǎn)；如果其后沒有與其同級的節(jié)點(diǎn)，則返回null;previousSibling屬性:該屬性與nextSibling屬性的作用正好相反,接下來將詳細(xì)介紹下，感興趣的你不妨了解下哦，或許對你有所幫助2013-02-02
當(dāng)你正在尋找 web 開發(fā)的工作時(shí)，我認(rèn)為 JavaScript 是可以起步的偉大語言，他進(jìn)入門檻低、跨平臺、已經(jīng)成熟而且是個(gè)很好的跳板。2014-12-12
這篇文章主要介紹了JavaScript中的getDay()方法使用詳解,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06
在js中，創(chuàng)建對象的方式有工廠模式和構(gòu)造函數(shù)模式等,但是，構(gòu)造函數(shù)中的每個(gè)方法都需要在實(shí)例對象中重新創(chuàng)建一遍，不能復(fù)用，就需要使用原型模式來創(chuàng)建對象。下面我們來了解一下吧2019-05-05
常用的Javascript數(shù)據(jù)驗(yàn)證插件
本文主要介紹的是常用的Javascript數(shù)據(jù)驗(yàn)證插件，包括電話號碼驗(yàn)證，郵件驗(yàn)證，身份證驗(yàn)證,需要的朋友可以參考下2015-08-08
這篇文章主要介紹了Javascript中的getUTCDay()方法使用詳解,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06
Javascript基礎(chǔ) 函數(shù)“重載” 詳細(xì)介紹
這篇文章介紹了Javascript基礎(chǔ) 函數(shù)“重載” ，有需要的朋友可以參考一下2013-10-10