JavaScript instanceof 的用法

本文导读：instanceof 用于判断一个变量是否某个对象的实例，instanceof 运算符与 typeof 运算符相似，用于识别正在处理的对象的类型。与 typeof 方法不同的是，instanceof 方法要求开发者明确地确认对象为某特定类型。

在 JavaScript 中，判断一个变量的类型尝尝会用 typeof 运算符，在使用 typeof 运算符时采用引用类型存储值会出现一个问题，无论引用的是什么类型的对象，它都返回 “object”。这就需要用到instanceof来检测某个对象是不是另一个对象的实例。

先来看一段代码：

JScript 代码

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 就是判断一个实例是否属于某种类型。

另外，更重的一点是 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 复杂用法

console.log(Object instanceof Object);//true


console.log(Function instanceof Function);//true console.log(Number instanceof Number);//false


console.log(String instanceof String);//false


console.log(Function instanceof Object);//true


console.log(Foo instanceof Function);//true


console.log(Foo instanceof Foo);//false

看了上面的代码是不是又晕头转向了？为什么 Object 和 Function instanceof 自己等于 true，而其他类 instanceof 自己却又不等于 true 呢？如何解释？要想从根本上了解 instanceof 的奥秘，需要从两个方面着手：1，语言规范中是如何定义这个运算符的。2，JavaScript 原型继承机制。

结论

instanceof 检测一个对象A是不是另一个对象B的实例的原理是：查看对象B的prototype指向的对象是否在对象A的[[prototype]]链上。如果在，则返回true,如果不在则返回false。不过有一个特殊的情况，当对象B的prototype为null将会报错(类似于空指针异常)。