Promise链式调用通过then、catch返回新Promise实现异步流程串联，每步返回值或Promise决定后续执行，错误可被最近catch捕获，保持代码扁平清晰。
在JavaScript异步编程中，Promise 是解决回调地狱（callback hell）的关键机制之一。而 Promise 的链式调用更是让异步代码变得清晰、可读且易于维护。理解 Promise 链式调用的运行机制，是掌握现代 JavaScript 异步处理的基础。
Promise 链式调用的基本原理
每个 Promise 实例都有 then、catch 和 finally 方法，它们都会返回一个新的 Promise 对象。正是这个特性，使得链式调用成为可能。
当你在 then 中返回一个值时，这个值会作为下一个 then 的输入参数。如果返回的是另一个 Promise，则后续 then 会等待该 Promise 状态改变后再执行。
- then 方法接收两个回调函数：成功回调和失败回调
- 每次调用 then 都返回新的 Promise，实现链式结构
- 链中的错误会跳转到最近的 catch 或 then 的错误处理函数
链式调用的实际应用示例
假设我们需要按顺序发起多个异步请求：先登录，再获取用户信息，最后拉取用户的订单列表。
立即学习“Java免费学习笔记（深入）”；
fetch('/login')
.then(response => response.json())
.then(data => fetch(`/user/${data.userId}`))
.then(response => response.json())
.then(user => fetch(`/orders?userId=${user.id}`))
.then(response => response.json())
.then(orders => console.log('订单列表:', orders))
.catch(error => console.error('请求出错:', error));
在这个例子中，每一步的返回值被自动传递给下一步。若任意一步发生异常，都会被最终的 catch 捕获，避免错误扩散。
返回值与 Promise 的处理规则
链式调用的行为取决于你在 then 回调中返回的内容：
- 返回普通值（如数字、字符串、对象）：下一个 then 接收到该值
- 返回 Promise：下一个 then 等待其 resolve 后执行，使用其 resolve 值
- 抛出异常或返回 rejected Promise：跳转到链中最近的 catch
这种设计让开发者可以灵活控制异步流程，比如在某个环节进行条件判断或数据转换。
常见误区与最佳实践
虽然链式调用很强大，但也容易误用。例如嵌套使用 then 而不是链式展开，会导致代码冗余。
- 避免 then 嵌套，保持扁平化结构
- 始终在链末尾添加 catch 处理错误
- 合理利用 return 传递数据，避免副作用
- 必要时使用 async/await 替代长链，提升可读性
链式调用的本质是通过 Promise 的状态传递和回调注册机制，将多个异步操作串联起来，形成可控的执行流程。
基本上就这些。掌握 Promise 链式调用的核心逻辑后，无论是处理 API 请求还是复杂业务流程，都能写出更清晰可靠的异步代码。
