JavaScriptPromise：异步成功与失败处理详解

来到golang学习网的大家，相信都是编程学习爱好者，希望在这里学习文章相关编程知识。下面本篇文章就来带大家聊聊《JavaScript Promise详解：处理异步成功与失败》，介绍一下，希望对大家的知识积累有所帮助，助力实战开发！

Promise 是对异步状态的封装，非同步化工具；new Promise(fn) 中 fn 立即执行且须调用 resolve/reject；.then()/.catch() 每次返回新 Promise，状态由回调返回值或错误决定。

Promise 是 JavaScript 中处理异步操作的标准方式，它本身不是“解决异步的工具”，而是对异步状态的封装和统一接口。 你不能靠它“让异步变同步”，但能用它避免回调地狱、清晰表达成功/失败路径，并支持链式响应。

Promise 构造函数怎么写：new Promise(fn) 中的 fn 必须接收 resolve 和 reject

创建 Promise 实例时传入的函数会被立即执行，且必须调用 resolve() 或 reject() 来改变其内部状态：

• resolve(value) 触发 fulfilled 状态，后续 .then() 的第一个回调被调用
• reject(reason) 触发 rejected 状态，后续 .catch() 或 .then(null, fn) 被调用
• 如果构造函数里抛出未捕获错误（如 throw new Error()），等价于自动调用 reject()
• 不调用 resolve 或 reject，Promise 会一直卡在 pending 状态，不会触发任何后续处理

.then() 和 .catch() 的执行逻辑：链式调用中每个 .then() 都返回新 Promise

这是最容易误解的地方：每次调用 .then() 或 .catch() 都会返回一个新的 Promise，它的状态取决于回调函数的返回值或抛出的错误：

• 回调返回普通值（如字符串、数字）→ 新 Promise 状态为 fulfilled，值为该返回值
• 回调返回另一个 Promise → 新 Promise 状态和值由该 Promise 决定（即“扁平化”）
• 回调中抛出错误 → 新 Promise 状态为 rejected，reason 为该错误
• .catch() 只捕获前一个 Promise 链中未被处理的 rejected 状态，包括上层 .then() 回调里抛出的错误

常见错误场景：忘记 return、误用 try/catch、混用 async/await 和 .then()

这些不是语法错误，但会导致逻辑失控或异常静默：

• 在 .then() 回调里忘记 return fetch(...) → 后续 .then() 接收到 undefined，而不是预期的 Response
• 用 try/catch 包裹 new Promise(...) 本身 → 捕获不到异步内部的错误，因为 resolve/reject 是异步调度的
• 在 async 函数里又对 await fn() 调用 .then() → 多余且易错，应直接用 await + try/catch
• 用 Promise.all([]) 传入空数组 → 立即返回 fulfilled Promise，不是 pending；但传入含 rejected Promise 的数组会立刻 reject，不会等其他完成

真正难的不是写对一个 Promise，而是理解「每个 .then() 都开启新上下文」——错误常发生在你以为数据还在原链里，其实已经被新 Promise 截断或转换了。调试时多打 console.log 查看每一步的返回值类型，比背规则更管用。

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~