Promise通过链式调用打破回调地狱，async/await进一步使异步代码同步化；前者用.then()扁平化嵌套并统一.catch()错误处理，后者以try/catch实现直观控制流，配合Promise.all()优化并行请求，共同提升可读性与可维护性。
Promise 通过链式调用（.then()）把嵌套回调“拉平”，避免多层缩进；async/await 进一步让异步代码写得像同步一样，可读性和错误处理更直观。
Promise 如何打破回调地狱
回调地狱本质是多个异步操作依赖前一个结果，层层嵌套导致代码难以阅读和维护。Promise 用“扁平化链式调用”解决这个问题：
- 每个
.then()返回一个新的 Promise，后续操作可以接在后面，而不是缩进到上一个回调内部 - 异步操作被封装成 Promise 实例，成功走
.then()，失败统一走.catch()，错误处理集中且明确 - 例如：获取用户 → 获取订单 → 获取商品详情，用 Promise 可写成：
getUser().then(user => getOrders(user.id))<br> .then(orders => getItems(orders[0].itemId))<br> .catch(err => console.error(err));
async/await 让异步代码更接近同步写法
async/await 是 Promise 的语法糖，不改变底层机制，但极大提升可读性与控制流表达力：
- 函数加
async关键字后，自动返回 Promise；内部用await等待 Promise 完成，暂停执行但不阻塞线程 - 可以配合
try/catch捕获异步错误，逻辑和同步代码完全一致，不用再拆分.then()和.catch() - 上面的例子用 async/await 写就是：
async function fetchUserOrderItem() {<br> try {<br> const user = await getUser();<br> const orders = await getOrders(user.id);<br> const item = await getItems(orders[0].itemId);<br> return item;<br> } catch (err) {<br> console.error(err);<br> }<br>}
关键细节不能忽略
实际使用中容易踩坑的点：
立即学习“Java免费学习笔记（深入）”；
-
await只能在async函数内使用，顶层 await 仅在模块作用域（ESM）中有效 - 多个独立异步操作（如并行请求）别滥用 await 串行等待，该用
Promise.all()就用，避免性能浪费 - 未被
catch或try/catch捕获的 Promise 拒绝会变成未处理拒绝（unhandled rejection），可能触发 Node.js 进程警告或浏览器控制台报错 - await 后面不一定是 Promise，也可以是普通值（会自动包装成 resolved Promise），但传入非 thenable 值不会报错，需注意逻辑预期
本质上 Promise 提供了可靠的异步抽象，async/await 则让这种抽象更自然地融入日常编码习惯。两者配合使用，既保持运行时语义清晰，又大幅降低理解和维护成本。
