Promise通过链式调用和统一.catch()打破回调地狱，实现扁平化结构与单一错误出口；async/await作为其语法糖，用await替代.then()、try/catch同步捕获异常，使异步代码更接近同步体验。
Promise 通过链式调用和统一错误处理，把嵌套的回调函数“拉平”，避免层层缩进；async/await 则进一步让异步代码看起来像同步代码，可读性和维护性大幅提升。
Promise 如何打破回调地狱
回调地狱（Callback Hell）本质是多层嵌套的异步回调，导致代码横向扩展、难以调试和错误处理分散。Promise 的核心改进在于：
-
扁平化结构：用
.then() 链式传递结果，不再需要在回调里写下一个异步操作
-
单一错误出口：所有中间环节的异常都可以统一用
.catch() 捕获，无需每个回调都写错误分支
-
状态不可逆：Promise 一旦变为 fulfilled 或 rejected，状态不再改变，避免重复执行或竞争问题
例如，原来三个串行请求的回调写法：
getUser(callback1 → getPosts(userId, callback2 → getComments(postId, callback3)))
用 Promise 可改写为：
getUser().then(user => getPosts(user.id)).then(posts => getComments(posts[0].id)).catch(err => console.error(er
r))
async/await 让异步逻辑更接近同步体验
async/await 是 Promise 的语法糖，它不改变底层机制，但显著提升开发体验：
-
用 await 替代 .then()：直接等待 Promise 完成，拿到的是 resolved 值，不是 Promise 对象本身
-
支持 try/catch 同步捕获：可以像处理同步错误一样捕获异步异常，逻辑更自然
-
可与普通语句混写：比如在 await 后面直接做条件判断、赋值、循环等，不用塞进回调或 then 里
同样三个请求，用 async/await 更清晰：
async function loadUserComments() {
try {
const user = await getUser();
const posts = await getPosts(user.id);
const comments = await getComments(posts[0].id);
return comments;
} catch (err) {
console.error(err);
}
}
注意几个关键细节
它们不是万能的，理解边界才能用好：
- await 只能在 async 函数内使用，不能直接写在顶层（ES2025 起支持顶层 await，但仍有环境限制）
- 多个 await 默认串行执行；如需并发，应先用 Promise.all([p1, p2]) 包装再 await
- Promise 构造器里的代码是立即执行的（executor 函数），而 then/catch/await 是微任务，在当前宏任务结束后执行
- async 函数总是返回 Promise，即使 return 的是普通值，也会被自动包装成 resolved Promise
r))