如何在 JavaScript 中的 Promise 之间高效排序和共享数据？

如何在 Promise 链中排序和共享数据

Promise 为管理 JavaScript 中的异步操作提供了一个强大的工具。作为其中的一部分，有必要对操作进行排序并在它们之间共享数据。让我们解决具体问题：

使用 Promises 链接 HTTP 请求和数据共享

在此场景中，您使用 Promises 执行一系列 HTTP 请求，其中一个请求的响应应用作下一个请求的输入。 callhttp 函数处理这些请求，但需要访问先前请求的数据以构造下一个请求。具体来说，您希望将从第一个请求获取的 API 密钥传递给后续请求。

数据共享和排序方法

有多种方法可以实现此目的：

1。链式 Promise：

使用 then 链式 Promise，将中间数据作为参数传递：

callhttp(url1, payload)
    .then(firstResponse => {
        // Use the data from firstResponse in the next request
        return callhttp(url2, payload, firstResponse.apiKey);
    })
    .then(secondResponse => {
        // Use the combined data from firstResponse and secondResponse in the next request
        return callhttp(url3, payload, firstResponse.apiKey, secondResponse.userId);
    });

2.更高范围分配：

将中间结果分配给更高范围内的变量：

var firstResponse;
callhttp(url1, payload)
    .then(result => {
        firstResponse = result;
        return callhttp(url2, payload);
    })
    .then(secondResponse => {
        // Use both firstResponse and secondResponse here
    });

3.累积结果：

将结果存储在累积对象中：

var results = {};
callhttp(url1, payload)
    .then(result => {
        results.first = result;
        return callhttp(url2, payload);
    })
    .then(result => {
        results.second = result;
        return callhttp(url3, payload);
    })
    .then(() => {
        // Use the accumulated results in results object
    });

4.嵌套承诺：

Nest 承诺保持对所有先前结果的访问：

callhttp(url1, payload)
    .then(firstResponse => {
        // Use firstResponse here
        return callhttp(url2, payload)
            .then(secondResponse => {
                // Use both firstResponse and secondResponse here
                return callhttp(url3, payload);
                    .then(thirdResponse => {
                        // Use all three responses here
                    });
            });
    });

5.使用 Promise.all() 拆分：

如果某些请求可以独立发出，请将链分成单独的部分并使用 Promise.all() 收集结果：

const first = callhttp(url1, payload);
const second = callhttp(url2, payload);
const third = callhttp(url3, payload);

Promise.all([first, second, third])
    .then(results => {
        // Use all three results here
    });

ES7 异步/等待：

在 ES7 中，async/await 语法简化了 Promise 结果的排序和处理过程，提供了更简单、更易读的代码：

async function httpRequests() {
    const firstResponse = await callhttp(url1, payload);
    const secondResponse = await callhttp(url2, payload, firstResponse.apiKey);
    const thirdResponse = await callhttp(url3, payload, firstResponse.apiKey, secondResponse.userId);

    // Use all three responses here
}

httpRequests();

以上是如何在 JavaScript 中的 Promise 之间高效排序和共享数据？的详细内容。更多信息请关注PHP中文网其他相关文章！