javascript - jQuery promise 模拟数组上函数的同步调用

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

解决方案:非常感谢菲利克斯。这里正在工作fiddle

Answer 1

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

您无需使用循环即可执行以下操作:

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

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