javascript 继承， 出现溢出， 求解

Question

var extend = function(subClass, baseClass){
    var inheritance = function(){};
    inheritance.prototype = baseClass.prototype;
    
    subClass.prototype = new inheritance();
    subClass.prototype.base = function(){ 
        baseClass.apply(this, arguments);
    }
};var Animal = function(name){
    this.name = name;
}var Cat = function(name, age){
    this.base(name);
    this.age = age;
}var ColorCat = function(name, age, color){
    this.base(name,age);
    this.color = color;
}extend(Cat, Animal);
extend(ColorCat, Cat);var bluecat = new ColorCat("mical", 20, "blue"); // 溢出

Answer 1

var extend = function(subClass, baseClass){
    var inheritance = function(){};
    inheritance.prototype = baseClass.prototype;
    
    subClass.prototype = new inheritance();
/*
subClass.prototype.base = function(){ 
        baseClass.apply(this, arguments);
    }
*/
    subClass.base = baseClass;
};var Animal = function(name){
    this.name = name;
}var Cat = function(name, age){
    /*this.base(name);*/
Cat.base.call(this, name);
    this.age = age;
}var ColorCat = function(name, age, color){
    /*this.base(name,age);*/
ColorCat.base.call(this, name, age);
    this.color = color;
}extend(Cat, Animal);
extend(ColorCat, Cat);var bluecat = new ColorCat("mical", 20, "blue"); // 溢出
alert(bluecat.name);
alert(bluecat.age);
alert(bluecat.color);
我擦~ 您这个程序够狠~ 害得我调了大半天。。

Answer 2

不是溢出，是无限递归了。
去掉这句
    subClass.prototype.base = function(){ 
        baseClass.apply(this, arguments);
    }你可以在里面加个断点，或者firebug下面，加个console.log，这里无限次的调用。

Answer 3

那我应该怎么写呢
我的 subClass.prototype.base = function(){  
  baseClass.apply(this, arguments);
  }应该怎么改

Answer 4

我靠，你写的是调用父类构造体吧http://rainsilence.javaeye.com/blog/604418这个是我的博客，上面实现了完整的继承以及父类构造体链的实现父类构造体无法直接定义在prototype上，会造成无限循环。我的做法也是倾向于用function对象的属性然后用call来调用。

Answer 5

谢谢 Objector 和 rainsilence谁能和我说一下这里产生无限递归的原因 吗  谢谢.

Answer 6

  baseClass.apply(this, arguments);//这里的this已经不指向baseClass了

Answer 7

无限递归的原因有二
1. 你无限次地调用ColorCat的base函数所导致的。
2. 导致你无线此调用base函数的原因是两个构造函数Cat和ColorCat都有this.base()这种调用，由于apply函数的错误使用，导致this的指向错误。从ColorCat类实例被创建的那一刻起，两个构造函数中this.base()的this指向一直都没变，都是指向ColorCat的实例。
程序执行的步骤如下：
1. 在执行代码 var bluecat = new ColorCat("mical", 20, "blue"); 的时候，解析器回去执行这个类的构造函数ColorCat2. 执行ColorCat构造函数，第一句执行的就是 this.base(name,age);
   根据我们的extend函数缩执行的结果，我们的base函数会去执行这个代码：
    
      baseClass.apply(this, arguments);   其中baseClass现在是Cat，而this现在是ColorCat的实例的引用(由于extend(ColorCat, Cat)这句代码所产生的结果)。3. 第2步执行的apply会把this应用到Cat构造函数上，这意味着现在构造函数Cat的函数体中所包含的所有的this都指向ColorCat的实例，然而Cat构造函数体中所执行的第一个句代码就是：
   
      this.base(...);
   根据上面的分析，这里的this显然是ColorCat的实例。所以它又返回去调用他自己！ OK，无限调用的base函数的条件已经构成。   最后，报错了！！！
   

Answer 8

哈 ,终于弄懂了 两个构造函数中的this对象都是指向ColorCat的实例 ,而导致了 无限循环 谢谢 Objector
 兄台.     smile~~