多个线程上的 JavaScript setInterval

Question

我有一个通用字典，如下所示:data 保存一个字典(键，值)对:

for (var key in data) {
  var interval = setInterval(function () { 
    getProgress(key, data[key], interval) }, 2500); // get percent progress every sec.
  }
}

需要为每个数据[key]项执行的getProcess函数

    function getProgress(machineId, operationId, interval) {
        alert(machineId);
        $.post("@Url.Action("Status","Packages")", { 
            machineId: machineId, 
            operationId: operationId 
            }, function (data) {
                if (data) {
                    //blah blah...
                } else { 
                    clearInterval(interval); }
                }
            }
        });
    }

出于某种原因，只有最后一个 machineId 获得了 setInterval。我需要分别为每个数据项设置 Interval。

Answer 1

经典的 for 循环作用域问题。 for 循环的每次迭代都在相同的作用域中执行，因此在 for 循环内创建的每个函数都访问相同的 key 变量。

简单的解决方案是为每次迭代创建一个私有(private)范围。

for ( var key in data ) {
    (function (key) {
        var interval = setInterval(function () { 
            // get percent progress every sec.
            getProgress(key, data[key], interval) 
        }, 2500); 
    })(key);
}