简单的继承

Question

我从http://ejohn.org/blog/simple-javascript-inheritance/尝试简单的继承，我有以下代码：

var resources = []; 

var Entity = Class.extend({ 
    pos : { 
     x: 0, 
     y: 0 
    }, 
    init : function(x, y) { 
     this.pos.x = x; 
     this.pos.y = y; 
    }, 
    toString : function() { 
     return this.pos.x + ' | ' + this.pos.y; 
    } 
}); 

var bFunc = Entity.extend({ 
    init : function(x, y) { 
     this._super(x, y) 
    } 
}); 

var cFunc = Entity.extend({ 
    init : function(x, y) { 
     this._super(x, y) 
    } 
}); 

var Func = Class.extend({ 
    init : function() { 
     this.b = new bFunc(1, 10); 
     resources.push(this.b); 
     this.c = new cFunc(5, 10); 
     resources.push(this.c); 
    }, 
    print : function() { 
     for(var i in resources) { 
      console.log(resources[i].toString()); 
     } 
    } 
}); 

var func = new Func(); 
func.print(); 

当我运行上面，我看到这个控制台：

 
5 | 10 
5 | 10 

但我设置：

this.b = new bFunc(1, 10); // 1, 10 
resources.push(this.b); 
this.c = new cFunc(5, 10); // 5, 10 
resources.push(this.c); 

为什么我没有得到以下内容？

 
1 | 10 
5 | 10 

Answer 1

这只是你的迭代（for var i in resources）。这不是数组索引迭代，即枚举对象。

所以尝试：

print : function() { 
     for(var r in resources) { 
      console.log(r.toString()); 
     } 
    } 

否则，数组的索引符号，你可以这样做：

print : function() { 
     for(var i = 0; i < resources.length; i++) { 
      console.log(resources[i].toString()); 
     } 
    }