Promise.all 似乎立即解决

Question

我发布了similar question related to Ember.RSVP.all，但我发现其行为与Promise.all 的行为相同。如果我违反任何规则，请单独提交。

我正在尝试在一系列 Promise 中使用 Promise.all。我的例子比我的使用简单得多，但它说明了这个问题。在一系列 Promise 的中间，我有一组 Promise 需要在链可以继续之前解决 - 这正是我理解 Promise.all 的用途。

不幸的是，当我返回 Promise.all 对象时，链中的下一个 Promise 会立即运行，而无需等待传递给 all() 的 Promise。

我已经设置了一个 js fiddle 来以我能想到的最佳方式进行演示：

请注意，First 和 Second 几乎同时解决，此时 Second 应该在 1s 承诺返回之后。第三和第四如预期的那样。

http://jsfiddle.net/vqut9zy2/

小提琴代码如下：

function delayAjax(delay) {
    return $.ajax({
        url: '/echo/json/',
        data: {
            json: '',
            delay: delay,
        }
    });
}

delayAjax(1).then(function() {
    $('#first').addClass('red');
    var proms = [delayAjax(1), delayAjax(1)];
    return Promise.all(proms).then(function() {
        $('#onepointfive').addClass('red');
    });
}).then(function() {
    $('#second').addClass('red');
    return delayAjax(1);
}).then(function() {
    $('#third').addClass('red');
    return delayAjax(1);
}).then(function() {
    $('#fourth').addClass('red');
});

HTML

<div id="first">First</div>
<div id="onepointfive">One point five</div>
<div id="second">Second</div>
<div id="third">Third</div>
<div id="fourth">Fourth</div>

Answer 1

您需要先将 jQuery 的 deferred 转换为 promise。

function delayAjax(delay) {
    return Promise.resolve($.ajax({
        url: '/echo/json/',
        data: {
            json: '',
            delay: delay,
        }
    }));
}

http://jsfiddle.net/evilbuck/vqut9zy2/3/

Answer 2

You Don't Know JS: Async & Performance 中有一节讨论如何管理不可信的 thenable：Trustable Promise?。

它确实提供了Promise.resolve(thenable) 作为解决此问题的方法。

我没有足够的知识来解释你为什么会目睹你的行为，但是 Domenic Denicola 的文章 You're Missing the Point of Promises 讨论了 jQuery 的延迟不是真正的承诺的一些原因，以及为什么它们是有问题的。在文章的最后，他提供了Q库中处理不可信promise的方法，就是使用Q.when()（Angularjs的$q服务也提供了.when()的方法来达到同样的目的）：

return Q.when($.ajax({
    url: '/echo/json/',
    data: {
        json: '',
        delay: delay,
    }
}));