javascript - Jquery 管道传输多个结果

Question

我有三种方法loadMeta、loadData 和 renderList。

loadMeta 将其结果通过管道传输到 loadData。 LoadData 使用元来获取其结果；

然后我需要从 loadMeta 和 loadData 获取结果并将它们传递给 renderList。但我不知道如何获取两组结果，我只是得到了 loadData 的结果。

这(基本上)是我想做的:

$.when(loadMeta().pipe(loadData)).then(function(){ renderList(metaResult, dataResult); } );

是否可以内联执行，或者我是否需要分解语句？

Answer 1

如果您的 loadData 函数返回两个结果，那将是最简单的。

让结果成为包含两个结果的对象的简单函数需要额外的 then (pipe):

loadMeta().then(function(metaResult) {
    return loadData(metaResult).then(function(dataResult) {
        return {meta:metaResult, data:dataResult};
    });
}).done(function(result) {
    renderList(result.meta, result.data);
});

或者，您将它们合并到一个解析回调中，并使用 renderList 的正确签名:

loadMeta().then(function(metaResult) {
    return loadData(metaResult).then(function(dataResult) {
        return new $.Deferred().resolve(metaResult, dataResult);
    });
}).done(renderList);

或者，正如您所建议的，我们可能会中断该语句并添加一个额外的回调来缓存 metaResult:

var metaResult;
loadMeta().done(function(result) {
    metaResult = result;
}).then(loadData).done(function(dataResult) {
   renderList(metaResult, dataResult);
});

这可能是最容易理解的。