javascript push inside init 方法没有正确更新数组长度

Question

我正在尝试使用 init 方法创建一个对象数组，当我将一个对象推入数组时，它应该将另一个对象推入数组，同时跟踪数组的长度。问题就是在所有对象都添加完之后才更新数组的长度，所以当每个对象试图去抓取长度的时候，都得到0。 我怎样才能让它在这个过程中更新长度？ 这是 jfiddle：http://jsfiddle.net/bg3Vg/13/ 如您所见，它给出了一条消息，显示 grouptotal 为 5，但似乎总数从最后一个推送的对象到第一个.. 我需要它以正确的顺序工作，以便最后一个推送的对象可以检索正确的长度。

var colorGroup = [];
var grouptotal = 0;

colorGroup.push(new groupdata(0) );
alert(grouptotal+","+colorGroup[colorGroup.length-1].parent);

function groupdata(parent) {
    this.parent = parent;
    this.refnum;

    this.init =  function() 
    {
        grouptotal++;
        this.refnum = colorGroup.length;
        if(grouptotal<5)colorGroup.push(new groupdata( this.refnum ) );
    }
    this.init();

}

编辑： 好的，我找到了解决我的问题的方法。让我知道这个解决方案有多可怕..http://jsfiddle.net/EqAqv/1/

var colorGroup = [];
var grouptotal = 0;

var colorGroupWait = [];

colorGroup.push(new groupdata(0) );

while(colorGroupWait.length>0){
    var newcolorGroup = colorGroupWait.shift();

    colorGroup.push(new groupdata(newcolorGroup) );
}

alert(grouptotal+","+colorGroup[colorGroup.length-1].parent);  
alert(grouptotal+","+colorGroup[colorGroup.length-2].parent); 

function groupdata(parent) {
    this.parent = parent;
    this.refnum;

    this.init =  function() 
    {
        grouptotal++;
        this.refnum = colorGroup.length;
         if(colorGroup.length<5)colorGroupWait.unshift( this.refnum );
    }
    this.init();

}

Answer 1

JavaScript 数组 do 在您向其推送内容时立即更新 length 属性。问题是您递归地调用构造函数，因此语句this.refnum = colorGroup.length 将在每次初始化之前执行任何推送。

换句话说，JavaScript 正在按预期工作。

您以这种令人费解的方式这样做有什么特别的原因吗？如果您这样做会更直接（并获得您想要的结果）：

for(grouptotal=0; grouptotal<5; grouptotal++){
    colorGroup.push( new groupdata(grouptotal) );
}

此外，JavaScript 中的惯例是用大写字母命名对象构造函数。因此，虽然groupdata 不是无效语法，但它令人困惑：您应该考虑将其命名为Groupdata。

Answer 2

@EthanBrown 已经指出了问题所在。这是一个将所有逻辑都放在构造函数中的解决方案，避免了在创建实例后从错误的编号推送实例的问题。

function GroupData(parentnum) {
    this.parentnum = parentnum;

    this.refnum = GroupData.colorGroup.length;
    GroupData.colorGroup.push(this);

    if (GroupData.colorGroup.length < 5)
        new GroupData(this.refnum);
}
GroupData.colorGroup = [];

var root = new GroupData(0);
alert(GroupData.colorGroup.length+", "
     +GroupData.colorGroup[GroupData.colorGroup.length-1].parentnum);