Promise如何串联then，告别回调地狱？

2023-10-16 01:12:24

Promise串联调用的基本原理

Promise是一个JavaScript对象，它代表着异步操作的最终完成或失败的结果。Promise可以被用来避免回调地狱，回调地狱是指在异步编程中，由于嵌套回调函数过多而导致代码难以阅读和维护的情况。

Promise的串联调用是指将多个Promise对象连接起来，以便在一个Promise对象完成后自动执行下一个Promise对象。这可以通过使用then方法来实现。then方法接受两个参数：一个成功的回调函数和一个失败的回调函数。

当一个Promise对象完成后，如果它成功执行，则会调用成功的回调函数，并将结果作为参数传递给该回调函数。如果它失败，则会调用失败的回调函数，并将错误信息作为参数传递给该回调函数。

Promise串联调用的示例

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

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

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