在 JavaScript 中链接 Promise 时如何访问先前的结果？-js教程-PHP中文网

在 JavaScript 中链接 Promise 时如何访问先前的结果？

Susan Sarandon

发布： 2024-11-28 10:04:12

原创

585 人浏览过

How to Access Previous Results When Chaining Promises in JavaScript?

链接 Promise 并共享以前的结果

在这种情况下，您需要发出一系列 HTTP 请求，传递一个请求的响应数据使用 Bluebird 的 Promise.join 进行下一步。挑战在于访问第一个请求的响应数据。

要实现这一点，您可以采用以下几种方法之一：

选项 1：将一个的结果馈送到下一个

这种方法涉及直接链接 Promise，将一个请求的结果作为输入传递给下一个请求。每个后续 .then() 处理程序只能访问最新的结果：

Promise.join(
    callhttp("172.16.28.200", payload),
    callhttp("172.16.28.200", payload),
    callhttp("172.16.28.200", payload)
).then(function(first, second, third) {
    console.log([first, second, third]);
});

登录后复制

但是，此方法不允许访问以前的结果。

选项 2：分配中间结果到更高范围

在这里，您将中间结果分配给在更高范围中声明的变量。这提供了对后续 .then() 处理程序中所有先前结果的访问：

var r1, r2, r3;
Promise.join(
    callhttp("172.16.28.200", payload),
    callhttp("172.16.28.200", payload),
    callhttp("172.16.28.200", payload)
).then(function(result1, result2, result3) {
    r1 = result1;
    r2 = result2;
    r3 = result3;
});

登录后复制

选项 3：在一个对象中累积结果

此方法涉及创建一个对象积累可用的结果。每个 .then() 处理程序都会将其结果添加到对象中，从而允许访问所有以前的结果：

var results = {};
Promise.join(
    callhttp("172.16.28.200", payload),
    callhttp("172.16.28.200", payload),
    callhttp("172.16.28.200", payload)
).then(function(result1, result2, result3) {
    results.result1 = result1;
    results.result2 = result2;
    results.result3 = result3;
});

登录后复制

选项 4：嵌套 Promises

嵌套 Promise 允许您访问嵌套范围内的所有先前结果：

Promise.join(
    callhttp("172.16.28.200", payload),
    callhttp("172.16.28.200", payload),
    callhttp("172.16.28.200", payload)
).then(function(result1) {
    // result1 is available here
    return Promise.join(
        callhttp("172.16.28.200", payload),
        callhttp("172.16.28.200", payload)
    ).then(function(result2) {
        // result1 and result2 are available here
        return Promise.join(
            callhttp("172.16.28.200", payload)
        ).then(function(result3) {
            // result1, result2 and result3 are available here
        });
    });
})

登录后复制

选项5：将链分成独立的部分

如果链的某些部分可以独立执行，您可以打破链，单独启动它们，并使用 Promise.all() 收集结果：

var p1 = callhttp("172.16.28.200", payload);
var p2 = callhttp("172.16.28.200", payload).then(function(result2) {
    return someAsync(result2);
}).then(function(result2a) {
    return someOtherAsync(result2a);
});
var p3 = callhttp("172.16.28.200", payload).then(function(result3) {
    return someAsync(result3);
});
Promise.all([p1, p2, p3]).then(function(results) {
    // multiple results available in results array
    // that can be processed further here with
    // other promises
});

登录后复制

选项 6：使用 wait 进行排序ES7

Promise 提供了一种对异步操作进行排序的方法。在ES7中，您可以使用await来对这些操作进行排序，从而简化流程：

async function someFunction() {
    const r1 = await callhttp("172.16.28.200", payload);

    // can use r1 here to formulate second http call
    const r2 = await callhttp("172.16.28.200", payload);

    // can use r1 and r2 here to formulate third http call
    const r3 = await callhttp("172.16.28.200", payload);

    // do some computation that has access to r1, r2 and r3
    return someResult;
}

someFunction().then(result => {
    // process final result here
}).catch(err => {
    // handle error here
});

登录后复制

请注意，每个选项都有自己的优点和缺点。选择最适合您应用的具体要求的一种。

以上是在 JavaScript 中链接 Promise 时如何访问先前的结果？的详细内容。更多信息请关注PHP中文网其他相关文章！