jQuery 承诺在数组上模拟函数的同步调用

Question

假设我需要同步上传文件。相继。 我发现了这个stackoverflow 主题。并修改了代码：

var arr = ["file1", "file2", "file3"];

var d = $.Deferred().resolve();
while (arr.length > 0) {
   d = d.then(uploadFile(arr.shift()));
}

function uploadFile(file){
    var d = $.Deferred();    
    setTimeout(function(){ console.log("Uploading file:"+file); d.resolve(""); },1000);
    return d.promise();
}

但我仍然将它们全部异步调用，但超时时间为 1000。

这里是小提琴：fiddle

解决方案： 非常感谢菲利克斯。这是工作fiddle

Answer 1

你必须将一个函数传递给.then。目前，您正在循环内立即调用uploadFile，并将promise 传递给.then 而不是函数。

您可以在不使用循环的情况下执行以下操作：

d.then(function next() {
  var promise = uploadFile(arr.shift());
  return arr.length === 0 ? promise : promise.then(next);
});

这使用间接递归而不是循环。