实例讲解JavaScript中instanceof运算符的用法
instanceof运算符简介
在JavaScript中，判断一个变量的类型尝尝会用typeof运算符，在使用typeof运算符时采用引用类型存储值会出现一个问题，无论引用的是什么类型的对象，它都返回“object”。ECMAScript引入了另一个Java运算符instanceof来解决这个问题。instanceof运算符与typeof运算符相似，用于识别正在处理的对象的类型。与typeof方法不同的是，instanceof方法要求开发者明确地确认对象为某特定类型。例如：
清单1.instanceof示例
varoStringObject=newString("helloworld");
console.log(oStringObjectinstanceofString);//输出"true"
这段代码问的是“变量oStringObject是否为String对象的实例？”oStringObject的确是String对象的实例，因此结果是”true”。尽管不像typeof方法那样灵活，但是在typeof方法返回“object”的情况下，instanceof方法还是很有用的。
instanceof运算符的常规用法：
通常来讲，使用instanceof就是判断一个实例是否属于某种类型。例如：
清单2.instanceof常规用法
//判断foo是否是Foo类的实例
functionFoo(){}
varfoo=newFoo();
console.log(fooinstanceofFoo)//true
另外，更重的一点是instanceof可以在继承关系中用来判断一个实例是否属于它的父类型。例如：
清单3.instanceof在继承中关系中的用法
//判断foo是否是Foo类的实例,并且是否是其父类型的实例
functionAoo(){}
functionFoo(){}
Foo.prototype=newAoo();//JavaScript原型继承
varfoo=newFoo();
console.log(fooinstanceofFoo)//true
console.log(fooinstanceofAoo)//true
上面的代码中是判断了一层继承关系中的父类，在多层继承关系中，instanceof运算符同样适用。
你真的了解instanceof操作符吗？
看了上面的代码示例，是不是觉得instanceof操作符很简单，下面来看点复杂的用法。
清单4.instanceof复杂用法
console.log(ObjectinstanceofObject);//true console.log(FunctioninstanceofFunction);//true console.log(NumberinstanceofNumber);//false console.log(StringinstanceofString);//false console.log(FunctioninstanceofObject);//true console.log(FooinstanceofFunction);//true console.log(FooinstanceofFoo);//false
看了上面的代码是不是又晕头转向了？为什么Object和Functioninstanceof自己等于true，而其他类instanceof自己却又不等于true呢？如何解释？要想从根本上了解instanceof的奥秘，需要从两个方面着手：1，语言规范中是如何定义这个运算符的。2，JavaScript原型继承机制。
清单5.JavaScriptinstanceof运算符代码
functioninstance_of(L,R){//L表示左表达式，R表示右表达式
varO=R.prototype;//取R的显示原型
L=L.__proto__;//取L的隐式原型
while(true){
if(L===null)
returnfalse;
if(O===L)//这里重点：当O严格等于L时，返回true
returntrue;
L=L.__proto__;
}
}
清单6.ObjectinstanceofObject
//为了方便表述，首先区分左侧表达式和右侧表达式 ObjectL=Object,ObjectR=Object; //下面根据规范逐步推演 O=ObjectR.prototype=Object.prototype L=ObjectL.__proto__=Function.prototype //第一次判断 O!=L //循环查找L是否还有__proto__ L=Function.prototype.__proto__=Object.prototype //第二次判断 O==L //返回true
清单7.FunctioninstanceofFunction
//为了方便表述，首先区分左侧表达式和右侧表达式 FunctionL=Function,FunctionR=Function; //下面根据规范逐步推演 O=FunctionR.prototype=Function.prototype L=FunctionL.__proto__=Function.prototype //第一次判断 O==L //返回true
清单8.FooinstanceofFoo
//为了方便表述，首先区分左侧表达式和右侧表达式 FooL=Foo,FooR=Foo; //下面根据规范逐步推演 O=FooR.prototype=Foo.prototype L=FooL.__proto__=Function.prototype //第一次判断 O!=L //循环再次查找L是否还有__proto__ L=Function.prototype.__proto__=Object.prototype //第二次判断 O!=L //再次循环查找L是否还有__proto__ L=Object.prototype.__proto__=null //第三次判断 L==null //返回false
简析instanceof在Dojo继承机制中的应用
在JavaScript中，是没有多重继承这个概念的，就像Java一样。但在Dojo中使用declare声明类时，是允许继承自多个类的。下面以Dojo1.6.1为例。
清单9.Dojo中多重继承
dojo.declare("Aoo",null,{});
dojo.declare("Boo",null,{});
dojo.declare("Foo",[Aoo,Boo],{});
varfoo=newFoo();
console.log(fooinstanceofAoo);//true
console.log(fooinstanceofBoo);//false
console.log(foo.isInstanceOf(Aoo));//true
console.log(foo.isInstanceOf(Boo));//true
上面的示例中，Foo同时继承自Aoo和Boo，但当使用instanceof运算符来检查foo是否是Boo的实例时，返回的是false。实际上，在Dojo的内部，Foo仍然只继承自Aoo，而通过mixin机制把Boo类中的方法和属性拷贝到Foo中，所以当用instanceof运算符来检查是否是Boo的实例时，会返回false。所以Dojo为每个类的实例添加了一个新的方法叫isInstanceOf，用这个方法来检查多重继承。