日期:2014-05-16  浏览次数:20440 次

关于javascript的类抄写问题

所谓类抄写,就是将所构造的对象在生产出来之前,先到父类的构造工厂里面进行一次“洗礼“,以使得子类具有父类的性质。然后,对所要构造的对象进行个性化的定制。在个性化的过程中,可以对父类强加给自己的行为和属性进行重写。籍此来在javascript中实现“继承”的功能。

这种继承机制中存在的缺点:
1. 在这种继承机制中,子类可以保存父类的信息,但是子类无法保存祖父类的信息。
2. 子类对象无法通过instanceof运算来判断自己是否是派生自某个父类。
3. 子类可以访问父类的函数和属性(甚至是被子类重写过的),但是无法访问经过父类重写过的祖父类的属性和函数。

下面通过具体示例说明:

extend=function(subclass,baseclass){
????subclass.baseContructor = baseclass;
????subclass.base={};
????baseclass.call(subclass.base);
}


function Mouse(){};

function Animal(name){
????this.name=name;
????this.say=function(msg){
????????console.log(this.name+": "+msg)
????}
????this.eat=function(){
????????this.say("yum");
????}
}


function Cat(name){
????Cat.baseContructor.call(this,name);
????this.eat=function(food){
????????if(food instanceof Mouse){
????????????Cat.base.eat.call(this);
????????}
????????else{
????????????this.say('yuk');
????????}
????}
}

extend(Cat,Animal);



function Lion(name){
????Lion.baseContructor.call(this,name);
}


extend(Lion,Cat);


var cat = new Cat('Cat');
var mouse = new Mouse();
cat.eat(mouse);
var lion = new Lion('Lion');
lion.eat(mouse);
console.log(lion.name);

alert(cat instanceof Cat);



在上例中Lino显然无法访问到Animal类中的eat函数,而且也不知道Cat是其父类,而且(lion instanceof Cat)返回false。