Promise链式调用解决回调函数地狱问题

Promise 链式调用是一种非常有效的方法来解决回调函数地狱问题。通过使用 Promise，我们可以将异步操作组织成一系列的链式调用，从而避免深层嵌套的回调函数，使代码更加清晰和易于维护。

Promise 是一个代表异步操作最终完成或失败的对象。它有三种状态：pending（进行中）、fulfilled（已成功）和 rejected（已失败）。一旦 Promise 的状态从 pending 变为 fulfilled 或 rejected，这个状态就不会再改变。

Promise 链式调用的关键在于 `.then()` 和 `.catch()` 方法。`.then()` 方法用于处理 Promise 成功的情况，并返回一个新的 Promise；`.catch()` 方法用于处理 Promise 失败的情况，也返回一个新的 Promise。

下面是一个使用 Promise 链式调用解决回调函数地狱问题的示例：

假设我们有三个异步操作：`asyncFunc1`、`asyncFunc2` 和 `asyncFunc3`，每个操作都返回一个 Promise。
function asyncFunc1() {
  return new Promise((resolve, reject) => {
    // 模拟异步操作
    setTimeout(() => {
      resolve('Result from asyncFunc1');
    }, 1000);
  });
}

function asyncFunc2(data) {
  return new Promise((resolve, reject) => {
    // 模拟异步操作
    setTimeout(() => {
      resolve(`Result from asyncFunc2 with data: ${data}`);
    }, 1000);
  });
}

function asyncFunc3(data) {
  return new Promise((resolve, reject) => {
    // 模拟异步操作
    setTimeout(() => {
      resolve(`Final result from asyncFunc3 with data: ${data}`);
    }, 1000);
  });
}

// 使用 Promise 链式调用
asyncFunc1()
  .then(data => {
    console.log(data); // 输出：Result from asyncFunc1
    return asyncFunc2(data);
  })
  .then(data => {
    console.log(data); // 输出：Result from asyncFunc2 with data: Result from asyncFunc1
    return asyncFunc3(data);
  })
  .then(finalResult => {
    console.log(finalResult); // 输出：Final result from asyncFunc3 with data: Result from asyncFunc2 with data: Result from asyncFunc1
  })
  .catch(error => {
    console.error('An error occurred:', error);
  });

在这个例子中，我们首先将 `asyncFunc1` 的结果传递给 `asyncFunc2`，然后将 `asyncFunc2` 的结果传递给 `asyncFunc3`。每个 `.then()` 方法都处理前一个 Promise 的结果，并返回一个新的 Promise，从而形成了 Promise 链。

如果在链中的任何环节发生错误，我们可以使用 `.catch()` 方法来捕获并处理这个错误。这样，我们就能够避免回调函数地狱，使代码更加清晰和易于管理。