JavaScript For Loop 仅针对迭代器的最后一个值执行

Question

我正在尝试从某个网站下载文件，例如“website.com”。我在 array 中拥有所有唯一 ID。

这是我写的代码：

for(var i=0;i<ids.length;i++) {
    var timeInterval = 1000;
    (function(i,timeInterval){
        setTimeout(function(){
            var link = document.createElement('a');
            link.href= "http://website.com/download/"+ids[i];
            var e = document.createEvent('MouseEvents');
            e.initEvent('click', true, true);
            link.dispatchEvent(e);
            console.log(ids[i]);
            console.log(timeInterval);
        }, timeInterval);
        timeInterval = (i+1)*1000;
    })(i,timeInterval);
}

问题在于它会下载与数组 ids 的最后一个元素相对应的文件，而不是全部。
如何使循环对 ids 中的每个元素都有效？
PS：我已经尝试了不同相关问题中给出的各种解决方案，但没有一个能带来预期的结果，所以我不得不将它作为一个不同的问题发布。

Answer 1

您在匿名函数的末尾更新“timeInterval”参数，虽然该语句没有任何问题，但它没有任何好处——它更新了“timeInterval”参数 ，而不是循环外的“timeInterval”变量。您可以这样做作为一种选择：

for(var i=0;i<ids.length;i++) {
    var timeInterval = (i + 1) * 1000;
    (function(i,timeInterval){
        setTimeout(function(){
            var link = document.createElement('a');
            link.href= "http://website.com/download/"+ids[i];
            var e = document.createEvent('MouseEvents');
            e.initEvent('click', true, true);
            link.dispatchEvent(e);
            console.log(ids[i]);
            console.log(timeInterval);
        }, timeInterval);
    })(i,timeInterval);
}

只在匿名函数之外进行计算。

edit — 请注意，您可能仍会遇到问题，具体取决于此代码运行的上下文。浏览器可能不喜欢这种行为。