天天看點

JavaScript instanceof 的使用方法

在 JavaScript 中,判斷一個變量的類型嘗嘗會用 typeof 運算符,在使用 typeof 運算符時采用引用類型存儲值會出現一個問題,無論引用的是什麼類型的對象,它都傳回 “object”。這就需要用到instanceof來檢測某個對象是不是另一個對象的執行個體。

通常來講,使用 instanceof 就是判斷一個執行個體是否屬于某種類型。

另外,更重的一點是 instanceof 可以在繼承關系中用來判斷一個執行個體是否屬于它的父類型。

// 判斷 foo 是否是 Foo 類的執行個體 , 并且是否是其父類型的執行個體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
           

上面的代碼中是判斷了一層繼承關系中的父類,在多層繼承關系中,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 
           

要想從根本上了解 instanceof 的奧秘,需要從兩個方面着手:1,語言規範中是如何定義這個運算符的。2,JavaScript 原型繼承機。大家感興趣的可以去檢視相關資料。

參考資料:  JavaScript instanceof 的用法    http://www.studyofnet.com/news/175.html

繼續閱讀