簡單的繼承

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()); 
     } 
    }