小编典典

JavaScript 如何访问.then()链中的先前的诺言结果?

javascript

我已经将我的代码重组为promises,并建立了一个精彩的长期承诺链,其中包含多个.then()回调。最后,我想返回一些复合值,并且需要访问多个中间promise结果。但是,序列中间的分辨率值不在上次回调的范围内,如何访问它们?

function getExample() {
    return promiseA(…).then(function(resultA) {
        // Some processing
        return promiseB(…);
    }).then(function(resultB) {
        // More processing
        return // How do I gain access to resultA here?
    });
}

阅读 852

收藏
2020-04-22

共1个答案

小编典典

ECMAScript和声

当然,语言设计者也意识到了这个问题。他们做了很多工作,异步函数提案最终使它成为了

ECMAScript 8

您不再需要单个then调用或回调函数,因为在异步函数(被调用时返回一个Promise)中,您只需等待Promise直接解析即可。它还具有诸如条件,循环和try-
catch-clauses之类的任意控制结构,但是为了方便起见,我们在这里不需要它们:

async function getExample() {
    var resultA = await promiseA(…);
    // some processing
    var resultB = await promiseB(…);
    // more processing
    return // something using both resultA and resultB
}

ECMAScript 6

在等待ES8时,我们已经使用了非常相似的语法。ES6带有生成器功能,该功能允许按任意放置的yield关键字将执行分段。这些切片可以相互独立,甚至异步地运行-这就是我们要在执行下一步之前等待promise解析时所要做的。

有专用的库(例如co或task.js),但是还有许多Promise库具有辅助函数(Q,Bluebird,when …),当您为它们提供生成器函数时,它们会为您逐步执行异步操作产生希望。

var getExample = Promise.coroutine(function* () {
//               ^^^^^^^^^^^^^^^^^ Bluebird syntax
    var resultA = yield promiseA(…);
    // some processing
    var resultB = yield promiseB(…);
    // more processing
    return // something using both resultA and resultB
});

从4.0版开始,它确实在Node.js中起作用,而且一些浏览器(或其开发版本)相对较早地支持生成器语法。

ECMAScript 5

但是,如果您希望/需要向后兼容,那么在没有编译器的情况下不能使用它们。当前工具支持生成器功能和异步功能,例如,请参见Babel有关生成器和异步功能的文档。

然后,还有许多其他 专门用于简化异步编程的可编译为JS的语言。他们通常使用类似语法await(例如冰的CoffeeScript),但也有其他人配备了哈斯克尔样do-notation(如LatteJs,一元,PureScript或LispyScript)。

2020-04-22