从方法 javascript 访问对象变量

Question

我在访问对象方法中的数组时遇到问题。 虽然日志完美返回值，但以下行返回 allRect[n] 未定义的错误。

我认为它与可变可访问性有关，但它可以在一行中记录并拒绝它在下一行中存在的事实让我有点没有想法。

谢谢大家。

        this.s = Snap('#'+id);
        var allRects = [];

        this.xPos = 0;
        var scale = vizWidth/locationSum(data);         

        ...


        //methods
        this.updateViz = function() {

            apiRequest('datasets', 164, 'json').done(   

                function(data){ 
                    var n = 0;


                    data = locationDataIntoArray(data);


                    for(i = 0; i< allRects.length; i++){
                        console.log(allRects[n]);

                        allRects[n].animate({ width:parseInt(data[i][2]), opacity:evaluateMachine(data[i][0])},3000);
                        n++;
                        allRects[n].animate({ width:parseInt(data[i][3]), opacity:evaluateTech(data[i][1])},3000);
                        n++;                
                    }

                }       
            )
        };

Answer 1

在这段代码中：

                for(i = 0; i< allRects.length; i++){
                    console.log(allRects[n]);

                    allRects[n].animate({ width:parseInt(data[i][2]), opacity:evaluateMachine(data[i][0])},3000);
                    n++;
                    allRects[n].animate({ width:parseInt(data[i][3]), opacity:evaluateTech(data[i][1])},3000);
                    n++;                
                }

你在每次迭代中增加n 两次。在for 循环进行到一半时，n 将超出数组的末尾。

第一次循环时，当i 和n 都为零时，您将为allRects[0] 设置动画。然后你增加n 和动画allRects[1]，然后再增加n。因此，在第二次循环中，您将为 allRects[2] 和 allRects[3] 设置动画，依此类推。