如何将 promise 对象数组转换为数组的 promise 对象？

Question

有没有办法将 promise 对象数组转换为数组的 promise 对象？我正在寻找在 AngularJS 中行为类似于 $q.all(promises) 的东西。

这是我的代码：

var getPages = function(courses) {
  var courses_promises = courses.filter(function(item) {
    return item.courses[0].home_link;
  }).map(function(item) {
    deferred = $.Deferred();
    item["class_link"] = item.courses[0].home_link;
    item["home_link"] = item["class_link"] + "class/index";
    $.get(item.home_link)
       .then(function(response) {
        item["html"] = response;
        deferred.resolve(item);
       });
    return deferred.promise();
  });
  return $.when.apply($, courses_promises);
};  

我希望getPages 函数返回一个单一的promise，该promise 将用一个值数组解析，每个值对应于promise 数组中相同索引处的promise。如果任何一个 Promise 以一个拒绝的方式解决，这个产生的 Promise 将以同样的拒绝方式解决。

然后我会使用

getPages.then(getEvents)

其中getEvents 是另一个函数，它需要一个数组，其中的元素由getPages 解析。

谁能帮帮我？谢谢！

Answer 1

对于那些不想引入另一个库的人（尽管我可以确认 Q 很棒，它似乎是 node 的最佳承诺系统），这里是使用 jQuery 的 when 的 Q.all 的实现：

function all(arrayOfPromises) {
    return jQuery.when.apply(jQuery, arrayOfPromises).then(function() {
        return Array.prototype.slice.call(arguments, 0);
    });
};

这要解决两个问题：

1. jQuery.when 接受可变数量的参数，而不是接受一个数组，因此我们必须使用 apply 调用它，以提供我们的承诺数组。
2. 组合的 Promise 使用多个参数解决，而不是单个数组参数，因此我们必须将 arguments 转换为真正的数组（使用 slice）。

因此：

var getAnimal = function(animal) {
    return $.get('animals/' + animal);
};

var arrayOfPromisesToAnimals = ['frog', 'cat', 'horse'].map(getAnimal);

var promiseToArrayOfAnimals = all(arrayOfPromisesToAnimals);

promiseToArrayOfAnimals.then(function(arrayOfAnimals) {

    arrayOfAnimals.forEach(function(animal) {
        console.log(animal);
    });
});

Answer 2

promises 是一个数组，Q.all(promises) 的 jQuery 等效项是：

jQuery.when.apply(null, promises);

许多 jQuery 程序员使用的同时同意这是笨拙的。 jQuery.when() 最好接受一个数组。

编辑

现在我已经看到了完整的 getPages 函数，我可以更好地建议一个 jQuery 解决方案：

我觉得就这么简单：

var getPages = function(courses) {
    var promises = courses.map(function(c) {
        if(!c.courses[0].home_link) return null;//filter action
        return $.get(c.courses[0].home_link + "class/index").done(function(response) {
            c.html = response;
        });
    }).get();//Remove jQuery wrapper to reveal an array of jqXHR promises.
    return $.when.apply($, promises);
};

$.when.apply($, promises) 行总是正确的。您只需要确保promises 是真正的javascript Array，而不是jQuery 集合。

Answer 3

如果您使用的是Q，那么就这样做：

Q.all(promises)

这通常比使用 jQuery 来实现你的承诺要好得多，因为 Q 的设计要好得多。此外，给Q.all jQuery 承诺是安全的，它会很好地吸收它们。

如果你不想使用 Q，我相信 $.when 会做类似的事情，但它没有那么干净和简单。