我正在尝试从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

But I am set:

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

最佳答案

它只是由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());
        }
    }

关于javascript - 简单继承,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/7183975/

10-12 20:25