setTimeout 没有被调用（？）

Question

问题是我的数组是 [[][][]] 而不是 [[]] ：/

这是我的脚本

function loopobject(array) {
    var me = this;
    this.array = array;
    this.loop = function() {
        counter = 0;
        while(array.length > counter) {
            window[array[counter]]('arg1', 'arg2');
            counter++;
        }
        setTimeout(function(){ me.loop() }, 100);
    }
}

var loopinstant = new loopobject(array);
window.onload = loopinstant.loop();

第一次迭代后出现问题。我不知道确切的问题，但我想知道它是否是由于 this 在对象内部，并且一旦重新创建函数它就不会记住数组？

Answer 1

不要将字符串传递给setTimeout。

将字符串传递给setTimeout 会使其在全局范围内为evaled。
除了不必要的缓慢之外，这意味着它不会看到您的局部变量，包括 loop 变量。

相反，您应该将函数本身传递给setTimeout：

setTimeout(function() { loop(array); }, 100);

此外，loopobject 实际上并没有您可以稍后调用的 loop 属性。
要创建属性，请将其更改为 this.loop = function(...) { ... }。

请注意，setTimeout 回调不会被正确的 this 调用。
您还需要在局部变量中保存this 的副本。

最后，您的window.onload 代码将调用 loop，然后将结果分配给onload。

纠正这些问题，你的代码变成了

function loopobject(){
    var me = this;
    this.loop = function(array){
        counter = 0;
        while(array.length > counter){
            window[array[counter]]('arg1', 'arg2');
            counter++;
        }
        setTimeout(function() { me.loop(array); }, 100);
    };
}
var loopinstant = new loopobject();
window.onload = function() { loopinstant.loop(array); };

Answer 2

替换

setTimeout("loop()", 100);

与

setTimeout(function() { loop(array); }, 100);