Promise解决了JavaScript异步编程中的回调地狱问题，通过pending、fulfilled和rejected三种状态管理异步操作。使用new Promise可创建实例，resolve触发then，reject触发catch，实现清晰的链式调用与错误处理。通过then的返回值传递数据，实现多任务顺序执行，避免嵌套。Promise.all用于并发执行多个任务，全部成功才成功，任一失败则整体失败；Promise.race则只要有一个结果就返回。结合async/await语法，异步代码更像同步，提升可读性，但需用try/catch捕获异常。掌握Promise的链式调用、错误冒泡、并发控制及与async/await的配合，是现代JavaScript开发的关键。
JavaScript中的异步编程一直是开发中的核心难点，尤其是在处理网络请求、文件读写或定时任务时。传统的回调函数容易导致“回调地狱”，代码难以维护。Promise的出现极大改善了这一问题，让异步逻辑更清晰、可控。掌握Promise的使用，是现代JavaScript开发的必备技能。
Promise的基本用法
Promise代表一个异步操作的最终完成或失败。它有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。
创建一个Promise实例：
const task = new Promise((resolve, reject) => {
// 模拟异步操作
setTimeout(() => {
const success = true;
if (success) {
resolve("任务完成");
} else {
reject("任务失败");
}
}, 1000);
});
task
.then(result => {
console.log(result); // 输出: 任务完成
})
.catch(error => {
console.error(error);
});
说明：resolve触发then回调，reject触发catch回调。这种链式调用让错误处理和成功响应分离，结构清晰。
立即学习“Java免费学习笔记（深入）”；
Promise链式调用与数据传递
多个异步任务需要按顺序执行时，Promise链式调用非常有用。每个then返回一个新的Promise，可以传递数据到下一步。
fetchUserData()
.then(user => {
console.log("用户数据:", user);
return fetchUserOrders(user.id); // 返回新的Promise
})
.then(orders => {
console.log("订单列表:", orders);
return processOrders(orders);
})
.then(result => {
console.log("处理完成:", result);
})
.catch(err => {
console.error("流程中断:", err);
});
优点是避免层层嵌套，每个步骤职责单一。一旦任意环节出错，都会跳转到最近的catch，统一处理异常。
并发控制：Promise.all 与 Promise.race
当需要同时处理多个异步任务时，可以使用Promise提供的组合方法。
- Promise.all(iterable)：等待所有Promise完成。全部成功才成功，任一失败则整体失败。
- Promise.race(iterable)：只要有一个Promise完成（无论成功或失败），就立即返回结果。
// 同时加载多个资源
Promise.all([
fetch('/api/user'),
fetch('/api/config'),
fetch('/api/notifications')
])
.then(([userRes, configRes, notiRes]) => {
return Promise.all([
userRes.json(),
configRes.json(),
notiRes.json()
]);
})
.then(([user, config, noti]) => {
console.log("全部数据加载完成", { user, config, noti });
})
.catch(err => {
console.error("至少一个请求失败", err);
});
适合批量操作场景，比如初始化页面时并行获取配置项。
结合async/await提升可读性
虽然Promise已经很强大，但async/await语法让异步代码看起来像同步一样，进一步简化逻辑。
async function handleUserFlow() {
try {
const user = await fetchUserData();
const orders = await fetchUserOrders(user.id);
const result = await processOrders(orders);
console.log("最终结果:", result);
} catch (error) {
console.error("出错了:", error);
}
}
handleUserFlow();
注意：async函数内部使用await必须包裹在try/catch中才能捕获异常。否则错误不会自动抛出到外层。
基本上就这些。熟练使用Promise及其衍生语法，能让JavaScript异步处理更加稳健和易于维护。不复杂但容易忽略细节，比如链式返回值、错误冒泡机制等，建议多写示例加深理解。
