Promise顺序依赖组合的核心是链式调用.then()或async/await实现串行执行：前步结果传入后步，任一步reject则跳过后续.then()进入.catch()；避免提前调用、Promise.all等并发写法；动态序列可用reduce累积Promise链。
Promise 的顺序依赖组合，核心是让后一个 Promise 等待前一个完成后再执行，且能传递结果、处理错误。最直接可靠的方式是链式调用 .then()，而不是并行启动再等待。
用 .then() 链式串行执行
每个 .then() 的回调返回一个新的 Promise，下一个 .then() 就会等它 resolve 后再运行，天然形成顺序依赖：
- 前一步的结果可直接作为参数传给下一步
- 任意一步 reject，后续
.then()被跳过，进入最近的.catch() - 适合“读用户 → 查权限 → 加载数据 → 渲染”这类强依赖流程
示例：
fetchUser(id)
.then(user => checkPermission(user))
.then(permission => loadData(permission.scope))
.then(data => render(data))
.catch(err => console.error('某步失败：', err));
用 async/await 写更清晰的顺序逻辑
async/await 是 Promise 链的语法糖，语义更接近同步代码，错误处理也更直观：
立即学习“Java免费学习笔记（深入）”；
- 用
await显式等待每个 Promise，代码自上而下执行 - 可用
try/catch统一捕获任意步骤的 rejection - 变量作用域自然，无需层层传参
示例：
async function loadPage(userId) {
try {
const user = await fetchUser(userId);
const permission = await checkPermission(user);
const data = await loadData(permission.scope);
return render(data);
} catch (err) {
console.error('加载失败：', err);
}
}
避免常见陷阱
以下写法看似顺序，实则可能并发或丢失依赖：
-
不要提前调用 Promise 构造函数：如
const p1 = fetchUser(); const p2 = checkPermission(p1);—— p2 会立即执行，而非等 p1 完成 -
不要用
Promise.all处理顺序依赖：它并行执行所有 Promise，无法保证先后，也不传递中间结果 -
注意隐式 Promise 化：async 函数返回值自动包装为 Promise，普通函数返回非 Promise 值会被转为
Promise.resolve(value)
需要动态顺序时用 reduce 串行化数组
当有一组操作需按序执行（如依次上传多个文件），可用 Array.prototype.reduce 累积 Promise 链：
- 初始值设为
Promise.resolve() - 每轮返回
prev.then(() => step(item))，确保当前步等前一步结束 - 支持中断（某步 reject 则整个链终止）
示例：
const uploads = [file1, file2, file3];
uploads.reduce((p, file) =>
p.then(() => uploadFile(file)),
Promise.resolve()
).then(() => console.log('全部上传完成'));
