Ember.RSVP.all 似乎立即解决

Question

我真的希望我在做一些愚蠢的事情，但我似乎找不到它。

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

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

我设置了一个 js fiddle 来以我能想到的最佳方式进行演示： http://jsfiddle.net/3a9arbht/3/

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

小提琴代码如下：

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

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

Answer 1

根据对另一个问题的回答进行回答。看起来虽然$.ajax 响应确实是“thenable”，但它是一个 jQuery 延迟对象，而不是 Promise。我不清楚为什么它们不能很好地配合使用，但解决方案就是将 ajax 调用转换为 Promise：

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

使用小提琴：http://jsfiddle.net/evilbuck/vqut9zy2/3/