Promise 是 JavaScript 处理异步的核心机制，通过 pending/fulfilled/rejected 三种不可逆状态封装未来操作，支持 .then()/.catch() 链式调用、Promise.all()/race() 并发协调及 async/await 语法糖简化异步流程。

Promise 是 JavaScript 中处理异步操作的核心机制，它让原本容易陷入“回调地狱”的代码变得更清晰、更易维护。核心思路是：用一个对象表示“未来才会完成的操作”，并提供统一的链式方式来处理成功或失败的结果。

Promise 的基本创建和状态

每个 Promise 实例有三种状态：pending（进行中）、fulfilled（已成功）、rejected（已失败）。状态一旦改变就不可逆。

• 用 new Promise((resolve, reject) => {...}) 创建，执行器函数立即运行
• 调用 resolve(value) 将状态变为 fulfilled，value 成为后续 .then() 的参数
• 调用 reject(reason) 将状态变为 rejected，reason 会被 .catch() 或 .then(null, fn) 捕获

用 .then() 和 .catch() 处理结果

.then() 接收两个可选函数：第一个处理成功值，第二个处理失败原因（但推荐统一用 .catch()）。

• .then(onFulfilled)：只关心成功，返回新 Promise，支持链式调用
• .catch(onRejected)：捕获前面任意环节抛出的错误或 reject，推荐放在链末尾
• 例如：fetch('/api/data').then(res => res.json()).then(data => console.log(data)).catch(err => console.error('请求失败:', err))

Promise.all() 和 Promise.race() 处理多个异步任务

当需要协调多个异步操作时，这两个静态方法非常实用。

• Promise.all([p1, p2, p3])：全部成功才 resolve，返回结果数组；任一失败则立即 reject
• Promise.race([p1, p2, p3])：谁先完成（无论成功或失败），就以它的结果为准
• 注意：Promise.all() 中如果有非 Promise 值，会自动包装成 resolved 状态的 Promise

async/await：Promise 的语法糖

async 函数内部可以使用 await 暂停执行，等待 Promise 完成，写法更接近同步逻辑。

• 函数前加 async，返回值自动包装为 Promise
• await 只能在 async 函数内使用，后面跟 Promise，会“等”它 settle 后继续执行
• 错误用 try/catch 捕获，比 .catch() 更直观，例如：async function loadData() { try { const data = await fetch('/api').then(r => r.json()); console.log(data); } catch (e) { console.error(e); } }

基本上就这些。掌握 Promise 的状态流转、链式调用和组合方法，再配合 async/await，就能稳妥地应对绝大多数异步场景。