Javascript实例代码讲解instanceof操作符

核心提示： 在这段代码中，我们定义了两个类，Javascript实例代码讲解instanceof操作符(2)，ClassA与ClassB，还给ClassA创建了原型方法fa，那么对象就是这个类的实例，instanceof运算就返回true，给ClassB创建了原型方法fb，并分别创建了对象obja与objb

 

在这段代码中，我们定义了两个类，ClassA与ClassB，还给ClassA创建了原型方法fa，给ClassB创建了原型方法fb，并分别创建了对象obja与objb。直觉上，我们并不认为ClassA与ClassB是同一个类，所以obja不是ClassB的实例，objb也不是ClassA的实例，而且obja不会拥有属性fb，objb也不会拥有属性fa，但是运行结果告诉我们，JavaScript并不这样认为。obja与objb都拥有属性fa与fb，它们既是ClassA的实例也是ClassB的实例。下面我们分析一下原因。(斑头雁原创：http://bantouyan.iteye.com)

ClassA的prototype与ClassB的prototype是同一个对象，所以给ClassA增加原型方法fa会影响到ClassB，给ClassB增加的原型方法fb也会影响到ClassA，所以obja与objb都拥有属性fa与fb，这一点也比较容易理解。oba没有ClassB的实例属性mb但却是ClassB的实例，objb也没有ClassA的实例属性ma但却是ClassA的实例，这说明instanceof的判断与实例属性无关。既然instanceof与实例属性无关，那么它就跟原型属性有关。事实上，JavaScript根据原型判定instanceof的运算结果。(斑头雁原创：http://bantouyan.iteye.com)

我们知道同一个构造函数所创建的对象与这个构造函数共享同一个原型(只不一般不能直接访问过对象的原型)，而ClassA与ClassB也共享同一个原型，那么obja与objb也共享同一个原型，所以可以这样认为，如果对象与类共享一个原型，那么对象就是这个类的实例，instanceof运算就返回true。下面我们看一下继承的情况。(斑头雁原创：http://bantouyan.iteye.com)

Js代码

function ClassA()     
{     

				this.ma = 'ClassA';     
}     
ClassA.prototype.fa = function(){return
				'prototype function fa';};     

				
function ClassB()     
{     

				this.mb = 'ClassB';     
}     
ClassB.prototype = ClassA.prototype;     
ClassB.prototype.fb = function(){return
				'prototype function fb';};     

				
function ClassC()     
{     

				this.mc = 'ClassC';     
}     
ClassC.prototype = new ClassB();     
ClassC.prototype.fc = function(){return
				'prototype function fc';};     

				
var objc = new ClassC();     
alert(objc instanceof ClassB);   //output true    
				
alert(objc instanceof ClassA);   //output true    
				
alert(('ma' in objc) + ' ' + objc.hasOwnProperty('ma')); //output false false    
				
alert(('mb' in objc) + ' ' + objc.hasOwnProperty('mb')); //output true false    
				
alert(('mc' in objc) + ' ' + objc.hasOwnProperty('mc')); //output true true    
				
alert(('fa' in objc) + ' ' + objc.hasOwnProperty('fa')); //output true false    
				
alert(('fb' in objc) + ' ' + objc.hasOwnProperty('fb')); //output true false    
				
alert(('fc' in objc) + ' ' + objc.hasOwnProperty('fc')); //output true false