<JavaScript类的继承>

1.利用共享prototype实现继承

在JavaScript中没有专门的机制来实现类的继承,但可以通过拷贝一个类的prototype到另外一个类来实现继承。一种简单的实现如下:

fucntionclass1(){

//构造函数

}

function class2(){

//构造函数

}

class2.prototype=class1.prototype;

class2.prototype.moreProperty1="xxx";

class2.prototype.moreMethod1=function(){

//方法实现代码

}

varobj=newclass2();

这样,首先是class2具有了和class1一样的prototype,不考虑构造函数,两个类是等价的。随后,又通过prototype给class2赋予了两个额外的方法。所以class2是在class1的基础上增加了属性和方法,这就实现了类的继承。

JavaScript提供了instanceof操作符来判断一个对象是否是某个类的实例,对于上面创建的obj对象,下面两条语句都是成立的:

objinstanceofclass1

objinstanceofclass2

表面上看,上面的实现完全可行,JavaScript也能够正确的理解这种继承关系,obj同时是class1和class2的实例。事是上不对,JavaScript的这种理解实际上是基于一种很简单的策略。看下面的代码,先使用prototype让class2继承于class1,再在class2中重复定义method方法:

<scriptlanguage="JavaScript"type="text/javascript">

<!--

//定义class1

functionclass1(){

//构造函数

}

//定义class1的成员

class1.prototype={

m1:function(){

alert(1);

}

}

//定义class2

functionclass2(){

//构造函数

}

//让class2继承于class1

class2.prototype=class1.prototype;

//给class2重复定义方法method

class2.prototype.method=function(){

alert(2);

}

//创建两个类的实例

varobj1=newclass1();

varobj2=newclass2();

//分别调用两个对象的method方法

obj1.method();

obj2.method();

//-->

</script>

从代码执行结果看,弹出了两次对话框“2”。由此可见,当对class2进行prototype的改变时,class1的prototype也随之改变,即使对class2的prototype增减一些成员,class1的成员也随之改变。所以class1和class2仅仅是构造函数不同的两个类,它们保持着相同的成员定义。从这里,相信读者已经发现了其中的奥妙:class1和class2的prototype是完全相同的,是对同一个对象的引用。其实从这条赋值语句就可以看出来:

//让class2继承于class1

class2.prototype=class1.prototype;

在JavaScript中,除了基本的数据类型(数字、字符串、布尔等),所有的赋值以及函数参数都是引用传递,而不是值传递。所以上面的语句仅仅是让class2的prototype对象引用class1的prototype,造成了类成员定义始终保持一致的效果。从这里也看到了instanceof操作符的执行机制,它就是判断一个对象是否是一个prototype的实例,因为这里的obj1和obj2都是对应于同一个prototype,所以它们instanceof的结果都是相同的。

因此,使用prototype引用拷贝实现继承不是一种正确的办法。但在要求不严格的情况下,却也是一种合理的方法,惟一的约束是不允许类成员的覆盖定义。下面一节,将利用反射机制和prototype来实现正确的类继承。

 2.利用反射机制和prototype实现继承

 function class1(){

//构造函数

}

class1.prototype={

method:function(){

alert(1);

},

method2:function(){

alert("method2");

}

}

functionclass2(){

//构造函数

}

//让class2继承于class1

for(varpinclass1.prototype){

class2.prototype[p]=class1.prototype[p];

}

//覆盖定义class1中的method方法

class2.prototype.method=function(){

alert(2);

}

//创建两个类的实例

varobj1=newclass1();

varobj2=newclass2();

//分别调用obj1和obj2的method方法

obj1.method();

obj2.method();

//分别调用obj1和obj2的method2方法

obj1.method2();

obj2.method2();

 从运行结果可见,obj2中重复定义的method已经覆盖了继承的method方法,同时method2方法未受影响。而且obj1中的method方法仍然保持了原有的定义。这样,就实现了正确意义的类的继承。为了方便开发,可以为每个类添加一个共有的方法,用以实现类的继承:

//为类添加静态方法inherit表示继承于某类

Function.prototype.inherit=function(baseClass){

for(varpinbaseClass.prototype){

this.prototype[p]=baseClass.prototype[p];

}

}

这里使用所有函数对象(类)的共同类Function来添加继承方法,这样所有的类都会有一个inherit方法,用以实现继承,读者可以仔细理解这种用法。于是,上面代码中的:

//让class2继承于class1

for(varpinclass1.prototype){

class2.prototype[p]=class1.prototype[p];

}

可以改写为:

//让class2继承于class1

class2.inherit(class1)

这样代码逻辑变的更加清楚,也更容易理解。通过这种方法实现的继承,有一个缺点,就是在class2中添加类成员定义时,不能给prototype直接赋值,而只能对其属性进行赋值,例如不能写为:

class2.prototype={

//成员定义

}

而只能写为:

class2.prototype.propertyName=someValue;

class2.prototype.methodName=function(){

//语句

}

相关推荐