JavaScript中Promise实例的.then().catch().then()这种交错链式怎么执行-js教程-PHP中文网

promise链式调用执行顺序由状态流转与微任务调度决定：每个.then()和.catch()返回新promise，其状态取决于回调返回值或异常；.catch()仅捕获前一个promise的rejection，且若其回调抛错或返回rejected promise，则后续.then()被跳过。

javascript中promise实例的.then().catch().then()这种交错链式怎么执行

Promise 链式调用中 `.then().catch().then()` 的执行顺序，取决于中间每个环节是否抛出错误、是否返回新 Promise，以及各处理器的返回值类型。它不是简单“按书写顺序依次执行”，而是遵循 Promise 状态流转与微任务调度规则。

核心原则：状态决定后续谁执行

每个 .then() 和 .catch() 都会返回一个新的 Promise，其状态由对应回调函数的返回值或异常决定：

如果 .then() 回调正常返回一个值（非 Promise），新 Promise 以 fulfilled 状态解析该值；
如果 .then() 回调抛出异常或返回被 reject 的 Promise，新 Promise 进入 rejected 状态；
.catch() 只捕获它前面最近一个 Promise 的 rejection（且未被中间 .catch 捕获过），执行后若无异常，默认返回 fulfilled 状态的 Promise（即使你没写 return）；
一旦某个环节返回 rejected Promise 或 throw 错误，后续所有未被 catch 的 .then() 会被跳过，直到遇到能处理它的 .catch()。

典型执行流程示例

看这段代码：

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

promise
  .then(x => { console.log(1); return x + 1; })
  .catch(err => { console.log(2); throw 'oops'; })
  .then(x => { console.log(3); return x * 2; });

执行逻辑如下：

初始 promise 若 fulfilled → 进入第一个 .then()，打印 1，返回新 fulfilled Promise（值为 x+1）；
该 fulfilled Promise 触发第二个 .catch() —— 但 .catch() 不处理 fulfilled 状态，直接透传，跳过其回调；
于是第三个 .then() 接收上一步的值（x+1），打印 3，返回 x*2；
如果初始 promise 被 reject → 第一个 .then() 被跳过，进入 .catch()，打印 2，然后 throw 'oops' → 返回 rejected Promise；
此时最后一个 .then() 不会执行（因上游是 rejected），整个链在此中断（除非最后补 .catch()）。

关键细节：.catch() 后的 .then() 总会执行？

不一定。只有当 .catch() 回调本身没有抛错、也没有返回 rejected Promise 时，后面的 .then() 才会执行：

安全写法：`.catch(() => 42).then(x => console.log(x))` → 打印 42；
中断写法：`.catch(() => { throw new Error('nope'); }).then(...)` → 后续 .then 被跳过；
隐式 fulfilled：`.catch(err => console.log(err))`（无 return）→ 等价于 return undefined → 新 Promise 是 fulfilled(undefined)，后续 .then 可执行。