Promise 中如何控制执行顺序？

Promise 中如何控制执行顺序？

Promise 是 JavaScript 中用于处理异步操作的一种机制，它通过一系列的方法来解决异步操作带来的问题。在处理复杂的异步操作时，我们常常需要控制多个异步操作的执行顺序，本文将详细介绍在 Promise 中如何控制执行顺序。

1. 使用链式调用

Promise 提供了 then 方法，我们可以使用链式调用的方式来控制异步操作的执行顺序。这种方式非常直观和简单，可以通过在 then 方法中返回一个新的 Promise 实例来串联多个异步操作。

以获取用户信息和获取订单信息为例，我们可以先获取用户信息，再根据用户信息获取订单信息：

getUserInfo()
  .then(userInfo => getOrderList(userInfo.userId))
  .then(orderList => {
    console.log('订单信息：' + orderList);
  });

在上面的代码中，getUserInfo 和 getOrderList 都返回 Promise 实例。通过返回一个新的 Promise 实例，可以在 then 方法中接着执行下一个异步操作。

1. 使用 async/await

在 ES8 中引入了 async/await 关键字，它是基于 Promise 实现的一种异步编程方式，可以使异步代码看起来像同步代码，更加可读和易于维护，也更容易控制执行顺序。

以上面的例子为例，我们可以使用 async/await 来控制获取用户信息和订单信息的执行顺序：

async function getOrderInfo() {
  const userInfo = await getUserInfo();
  const orderList = await getOrderList(userInfo.userId);
  console.log('订单信息：' + orderList);
}

在上面的代码中，getOrderInfo 函数使用 async 声明为异步函数，然后使用 await 操作符等待 Promise 执行完成。由于 await 操作符会阻塞后面的代码，所以可以控制异步操作的执行顺序。

注意，在使用 await 操作符时，需要将它放在 async 函数中，否则代码会报错。

综上所述，使用 Promise 可以非常灵活地控制异步操作的执行顺序。通过链式调用和 async/await 组合使用，可以实现更加复杂的异步操作控制，使代码更加可维护和可读。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67b87348306f20b3a6633ed2