Promise是JavaScript处理异步操作的核心机制，通过三种状态（pending/fulfilled/rejected）、链式调用（.then().catch()）、Promise.all/race及async/await等特性，有效替代回调地狱，提升可读性、错误统一处理与代码可维护性。
Promise 是 JavaScript 中处理异步操作的核心机制，它能有效替代嵌套回调（即“回调地狱”），让异步代码更清晰、可读性更强、错误处理更统一。
Promise 的基本用法
Promise 代表一个异步操作的最终完成（或失败）及其结果值。它有三种状态：pending（进行中）、fulfilled（已成功）、rejected（已失败）。
- 创建 Promise：使用 new Promise((resolve, reject) => { ... }) 构造函数，内部执行异步任务，成功时调用 resolve(value)，失败时调用 reject(error)
- 链式调用：用 .then(onFulfilled, onRejected) 处理成功/失败结果；推荐分开写成 .then(...).catch(...)，更清晰且能捕获前面所有环节的错误
- 避免手动嵌套：每个 .then() 返回一个新的 Promise，天然支持扁平化链式调用，不再需要层层缩进
用 Promise 链替代回调地狱
回调地狱典型表现为多层嵌套的 callback，比如连续请求用户 → 订单 → 商品详情，传统写法易出错、难调试、难复用。
- 错误示例（回调地狱）：getUser(id, (user) => { getOrders(user.id, (orders) => { getItems(orders[0].id, (items) => { /* ... */ }) }) })
- Promise 改写：getUser(id).then(user => getOrders(user.id)).then(orders => getItems(orders[0].id)).then(items => { /* 处理 items */ }).catch(err => console.error(err))
- 关键点：每个函数返回 Promise，上一步的结果自动传入下一步，逻辑线性展开，错误统一由最后的 .catch() 捕获
进阶技巧：Promise.all、Promise.race 与 async/await
面对并行或竞态异步任务，Promise 提供了更高效的组合方式。
立即学习“Java免费学习笔记（深入）”；
- Promise.all([p1, p2, p3])：等待所有 Promise 完成，返回结果数组；任一失败则整体失败 —— 适合批量请求（如同时拉取用户头像、权限、配置）
- Promise.race([p1, p2, p3])：返回第一个 settled（完成或失败）的 Promise 结果 —— 常用于超时控制（如 Promise.race([fetch(url), timeout(5000)])）
- async/await 是 Promise 的语法糖，让异步代码看起来像同步：async function load() { const user = await getUser(id); const orders = await getOrders(user.id); return await getItems(orders[0].id); } —— 更直观，但底层仍是 Promise
常见陷阱与规避建议
用好 Promise 不仅要会写，更要避开典型误区。
- 忘记 return：在 .then() 中若不返回新 Promise 或值，后续 .then() 接收到的是 undefined，导致链中断
- 混用回调与 Promise：例如在 Promise 内部又写 setTimeout(() => resolve(), 100) 而非 Promise.resolve().then(...)，破坏可预测性
- 未捕获错误：只用 .then(success) 忽略第二个参数，或漏掉 .catch()，会让错误静默失败；建议始终以 .catch() 收尾
- 避免过度包装：已有 Promise 返回值的函数（如 fetch、axios 请求），无需再包一层 new Promise，否则增加冗余和错误风险
