如何通过映射的 Promise 传递数据？

Question

我有一个三阶段的 mashup 脚本，它检查本地音像店的最新租借内容，然后从烂番茄 (RT) 获得他们的评论百分比和共识：

$(document).ready(function(){
    $('button').click(function (){
        getNewRentals(url).then(function(ids){
            var mapped = ids.map(function(id, f){
                return function(){
                    return getRentalSpecs(id, f).then(function (f, name, year){
                        return getRotten(f, name, year); // Gets only f!
                    });
                }
            });
            var m = mapped[0]();
            for(var i = 1; i < mapped.length; i++) {
                m = m.then(mapped[i]);
            }
        });
    });
});

一切都很好，除了只有f被传递给最后一个函数getRotten，但没有 电影名字也没有年份。映射循环一定有问题，因为所有三个函数都使用相同的 jquery getJSON（通过 Yahoo YQL），它们同样包装在标准 js 承诺中，同样解析为代码中提到的参数。那么如果数据是从第一个函数传递到第二个，为什么不从第二个传递到第三个呢？

我已经在这个回调/承诺地狱中烤了几个星期了，现在我已经很生气了。这也是我在 SO 的第一篇文章，所以请多多包涵。

Answer 1

promise 表示单个值，它作为一个参数传递给任何then 处理程序。在需要传递多个值的地方使用对象或数组（以更合适的为准）：

$(document).ready(function () {
    $('button').click(loadRotten);
});

function loadRotten () {
    return getNewRentals(url)
        .then(function (ids) {
            return Promise.all(ids.map(getRentalSpecs));
        })
        .then(function (objects) {
            return Promise.all(objects.map(function (obj) {
                return GetRotten(obj.f, obj.name, obj.year);
            });
            // Or refactor `GetRotten` to accept a single object
            // return Promise.all(objects.map(GetRotten));
        });
    });
}

// Or, using ES6, assuming refactor of `GetRotten`:

function loadRotten () {
    return getNewRentals(url)
        .then(ids => Promise.all(ids.map(getRentalSpecs)))
        .then(objects => Promise.all(objects.map(GetRotten));
}    

您必须修改getRentalSpecs，以便它使用具有f、name 和year 属性的对象进行解析。

我已将您的代码重构为使用Promise.all()，这样更容易理解。似乎没有必要映射到函数表达式并手动按顺序调用每个表达式，因为它们不相互依赖。