AngularJS $q。延迟队列

Question

我有一个数组（例如它是文件队列）：

[{deferred: fileDef, data: file}, {...}, ...]

每个 fileDef 和 file 发送到上传函数，返回 fileDef.promise 并调用 fileDef.resolve 或fileDef.reject 上传后。

我想按顺序上传文件：加载前一个文件后上传下一个文件。

现在我用

var queue = [];
var uploading = false;

//file input callback call each time the user selects files
function addAndUpload (file) {

  queue.push({deferred: $q.defer(), data: file});

  if (!uploading) recurceQueue();

  function recurceQueue () {
    if (queue.length) {
      uploading = true;
      var fileObj = queue.shift();
      upload(fileObj.deferred, fileObj.data);

      fileObj.deferred.promise.finally(function () {
        uploading = false;
        recurceQueue();
      })
    }
  }
}

但这似乎很糟糕。如何写得更好？

Answer 1

不要使用队列和布尔标志，只需使用一个变量来存储代表所有上传的承诺。此外，您的 upload 函数不应将 Deferred 对象作为参数解析，而应简单地返回一个新的承诺。

那么addAnUpload就变得这么简单了

var allUploads = $q.when(); // init with resolved promise

function AddAnUpload(file) {
    allUploads = allUploads.then(function() {
        return upload(file);
    });
}

关闭后，您不再需要 queue 来存储等待上传的内容。如果您希望allUploads 始终实现，即使一个upload 失败，您也需要从then-callback 返回一个始终实现的承诺：

        return upload(file).then(null, function(err) {
            console.log(err, "does not matter");
        }); // fulfills with undefined in error case