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);
});