一个JavaScript继承的实现

2018-09-26 20:09

阅读:442

  Author:尹伟铭

Blog:

如我前面的文章说的,对于JavaScript,一个类,就是一个function,他的类方法(也就是static的)都是作为这个function的一部分,而实例方法,都是在prototype上面的。
functionClassA(){
}

ClassA.staticMethod=function(){
}

}

在我这个实现当中,一个类的继承是拷贝父类的所有类方法,这样子类就有了父类的静态方法。
然后让子类的prototype.prototype指向父类的prototype.
然后可以根据自己的需要,重写一些方法。
functionClassB(){
}
ClassB.staticMethod=ClassA.staticMethod;
ClassB.prototype.prototype=ClassA.prototype;
ClassB.prototype.instanceMethod=function(){
//method2
}

对于子类,使用一个prototype的链,来实现方法的实例方法的继承。之所以选择这种实现方法,是因为子类是要重写其中的某些方法的。而prototype又是一个reference,所以直接的写作ClassB.prototype=ClassA.prototype,会在重写ClassB的实例方法的同时,破坏ClassA的实例方法。而修改后的方法则会屏蔽父类的。

寻找方法的顺序是,hod->ClassA.prototype.
此时对于类方法的继承,已经实现,现在需要实现在子类中,调用父类的方法。
对于Java,这样的使用是很平常的
publicvoidmethod(){
super.method();
}
在JavsScript中,为了实现此类功能,所以必须保留一个parent的reference,指向ParentClass.prototype.
ClassB.prototype.parent=ClassA.prototype.
那么在instanceB里面调用this.parent.method.call(this);就可以使用父类的方法了。使用call调用,是为了把自己的数据传到父类。更漂亮的解决方法,我还没有想到。

所以完成的代码是
functionClassA(){
}

ClassA.prototype.method1=function(){
}

ClassA.staticMethod=function(){
}

functionClassB(){
}

ClassB.staticMethod=ClassA.staticMethod;

ClassB.prototype.prototype=ClassB.prototype.parent=ClassA.prototype;

这个我抽象出来一个extend方法,

varLCore=function(){
}

LCore.extend=function(destination,source){
//copyallfunctons
for(varpropinsource){
if(prop==“prototype”){
continue;
}

destination.prototype[prop]=source[prop];
}

//makeareferenceforparentandreferenceprototype
destination.prototype.prototype=destination.prototype.parent=source.prototype;

returndestination;
}


评论


亲,登录后才可以留言!