Promise的串行调用，实现异步任务的顺序执行

2023-12-17 04:39:41

Promise的串行调用

Promise的串行调用可以通过多种方式实现，其中一种最常见的方式是使用.then()方法。.then()方法可以将一个Promise对象作为参数，并返回一个新的Promise对象。新的Promise对象会在前一个Promise对象执行完成后执行。

例如，我们可以使用.then()方法来实现以下代码中的串行调用：

const promise1 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('Promise 1 resolved');
  }, 1000);
});

const promise2 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('Promise 2 resolved');
  }, 2000);
});

const promise3 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('Promise 3 resolved');
  }, 3000);
});

promise1
  .then((result) => {
    console.log(result);
    return promise2;
  })
  .then((result) => {
    console.log(result);
    return promise3;
  })
  .then((result) => {
    console.log(result);
  });

这段代码中，我们定义了三个Promise对象promise1、promise2和promise3，并使用.then()方法将它们串联起来。这样，当promise1执行完成后，promise2才会执行，依此类推。

其他方式实现Promise的串行调用

除了使用.then()方法，我们还可以使用以下方式实现Promise的串行调用：

使用async/await语法：async/await语法是ES8中引入的一种新的异步编程语法，它可以使异步代码看起来更像同步代码。我们可以使用async/await语法来实现以下代码中的串行调用：

async function main() {
  const result1 = await promise1;
  console.log(result1);
  const result2 = await promise2;
  console.log(result2);
  const result3 = await promise3;
  console.log(result3);
}

main();