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()
这些不是语法错误,但会导致逻辑失控或异常静默:
立即学习“Java免费学习笔记(深入)”;
- 在
.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 查看每一步的返回值类型,比背规则更管用。











