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）。这不是数组索引迭代，即枚举对象。

所以试试：

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

简单的继承

1 个答案: