从数组中顺序执行一堆 WinJS 承诺

Question

我有一组要按顺序下载的 URL，一次 2 个 URL。

var urls = [url1,url2,url3,url4,url5];

循环应该使用一些异步函数下载所有 URL，2 个 URL 按它们在数组中出现的顺序。 基本的顺序循环是使用.reduce 完成的，其工作方式如下：

preloadPromise = urls.reduce(function(p, url) {
  return p.then(WinJS.Utilities.Scheduler.schedulePromiseBelowNormal).then(function() {
    return preloadOneAsync(url);
  }).then(null, function(error) {
    if (error.name !== "Canceled") {
      logger.error("Could not create preloaded " + url, error);
    }
  });
}, WinJS.Promise.as());

现在我想介绍2个网址同时并行下载。

所以它会下载：[url1,url2] 然后 [url3,url4] 最后是 [url5]

函数的结果也应该是每个下载承诺的结果，类似于WinJS.Promise.join 的工作方式。

Answer 1

让我们抽象出将数组分解为元组的函数

function chunkBy(array, n) {
    var chunks = [];
    for (var i=0; i<array.length; i+=n)
        chunks.push(array.slice(i, n));
    return chunks;
}

以及为每个项目执行工作的函数：

function tryToLoad(url) {
    return WinJS.Utilities.Scheduler.schedulePromiseBelowNormal() // not sure
    .then(function() {  return preloadOneAsync(url); })
    .then(null, function(error) {
        if (error.name !== "Canceled") {
            logger.error("Could not create preloaded " + url, error);
        }
    });
}

一个并行处理多个项目的函数就是

function loadAll(urls) {
    return WinJS.Promise.join(urls.map(tryToLoad));
}

所以我们现在可以在序列的生成中使用它：

preloadPromise = chunkBy(urls, 2).reduce(function(p, urls) {
    return p.then(function(prevResults) {
        return loadAll(urls).then(function(results) {
            return prevResults.concat(results);
        });
    });
}, WinJS.Promise.as([]));

结果数组通过p 链传递，在每一步之后总是增长。