在前端开发中，异步操作是必不可少的。而 Promise 是一种可以让异步代码更加易于理解和维护的技术。然而，在处理多个异步操作时，我们常常需要按照特定的顺序来执行它们。本文将介绍如何使用 Promise 实现一个接一个地解决承诺。
Promise 基础知识
在开始之前，让我们先回顾一下 Promise 的基本用法。Promise 是一个对象，代表了一个异步操作的最终完成（或失败）状态和其返回值。Promise 可以处于以下三个状态之一：
pending：初始状态，既不是成功也不是失败状态。fulfilled：意味着操作成功完成，并且 Promise 返回一个值。rejected：意味着操作失败，Promise 返回一个错误。
Promise 对象有两个重要的方法：
then()：在 Promise 完成时调用，接收一个成功处理函数和一个可选的失败处理函数。catch()：在 Promise 被拒绝时调用，接收一个失败处理函数。
当 Promise 状态从 pending 转换为 fulfilled 或 rejected 时，它就变成了“settled” 状态，即最终状态。此后，Promise 将保持该状态，不再改变。
下面是一个简单的 Promise 示例：
const promise = new Promise((resolve, reject) => { setTimeout(() => resolve('Hello, world!'), 1000); }); promise .then(value => console.log(value)) .catch(error => console.error(error));
在这个例子中，我们创建了一个 Promise，它将在1秒后返回字符串“Hello, world!”。然后我们使用 then() 方法将成功处理函数与 Promise 相关联，当 Promise 被解决时，该函数将被调用。如果 Promise 被拒绝，则 catch() 方法将被调用。
一个接一个地解决承诺
现在假设我们有两个异步操作，需要按照特定的顺序执行它们。例如，我们需要首先获取用户信息，然后再根据用户信息获取其订单列表。在这种情况下，我们不能只是简单地同时发起这两个请求，并在它们都完成后处理结果。因为获取订单列表需要用户信息作为输入，所以必须先获得用户信息，然后才能获取订单列表。
我们可以通过嵌套 then() 方法，将这两个异步操作串联在一起。例如：
getUserInfo() .then(userInfo => getOrderList(userInfo.id)) .then(orderList => console.log(orderList)) .catch(error => console.error(error));
在这个示例中，getUserInfo() 函数返回一个 Promise，它将在用户信息可用时解决。一旦我们获得了用户信息，我们使用 then() 方法来调用 getOrderList() 函数，该函数将使用用户信息获取订单列表。如果成功，则打印出订单列表。如果发生错误，则会调用 catch() 方法。
使用 async/await
虽然像上面的示例可以处理有限数量的异步操作，但嵌套 then() 方法不是一种可扩展的方式，因为它难以阅读和维护。幸运的是，我们可以使用 async/await 让这个过程更容易管理。
async/await 是 ES2017 中引入的一种语言功能，它使得异步代码看起来更像同步代码。在使用 async/await 时，我们将异步操作包装在一个 async 函数中，并使用 await 关键字等待 Promise 解决。例如：
async function getOrderListForUser() { try { const userInfo = await getUserInfo(); const orderList = await getOrderList(userInfo.id); > 来源：[JavaScript中文网](https://www.javascriptcn.com/post/9791) ，转载请注明来源 [https://www.javascriptcn.com/post/9791](https://www.javascriptcn.com/post/9791)
