async/await是基于Promise的语法糖，使异步代码更直观；通过async函数定义和await关键字等待Promise，避免回调地狱；使用try/catch处理错误，结合Promise.all实现并发请求，提升代码可读性与维护性。
异步编程在JavaScript中一直是个核心话题。过去我们依赖回调函数处理异步操作，但容易陷入“回调地狱”。后来Promise让代码更清晰，而async/await的出现进一步提升了可读性和维护性。它本质上是Promise的语法糖，让异步代码看起来像同步代码，逻辑更直观。
什么是Async/Await？
async 函数声明用于定义一个返回 Promise 对象的异步函数。而 await 关键字只能在 async 函数内部使用，用于等待一个 Promise 被解决（resolve 或 reject）。
使用 async/await 后，你可以用同步的方式写异步逻辑，避免链式调用.then()和.catch()带来的嵌套与断裂感。
基本语法与使用示例
下面是一个使用 fetch 发起网络请求的例子，对比 Promise 和 async/await 的写法：
立即学习“Java免费学习笔记（深入）”；
// 使用 Promise
fetch('/api/user')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
// 使用 async/await
async function getUser() {
try {
const response = await fetch('/api/user');
const data = await response.json();
console.log(data);
} catch (error) {
console.error('获取用户失败:', error);
}
}
getUser();
可以看到，async/await 让流程控制更接近自然语言：先等响应回来，再解析数据，出错就捕获。结构清晰，调试也更容易。
错误处理机制
使用 await 时，Promise 被 reject 会抛出异常，因此推荐用 try/catch 捕获错误。
例如：
async function fetchData() {
try {
const res = await fetch('/some-url');
if (!res.ok) throw new Error(`HTTP ${res.status}`);
return await res.json();
} catch (err) {
console.log('请求失败:', err.message);
}
}
这种模式统一了成功和失败的处理路径，比多个 .catch 更易维护。
并行执行异步任务
虽然 await 是串行等待，但你可以结合 Promise.all 实现并发请求。
比如同时加载多个资源：
async function loadAllData() {
try {
const [users, posts, comments] = await Promise.all([
fetch('/api/users').then(res => res.json()),
fetch('/api/posts').then(res => res.json()),
fetch('/api/comments').then(res => res.json())
]);
console.log({ users, posts, comments });
} catch (error) {
console.error('加载数据失败:', error);
}
}
这样既保持了代码的线性结构，又实现了性能优化。
基本上就这些。async/await 让异步逻辑变得更简单、更可靠。只要理解它基于 Promise，并合理使用 try/catch 和 Promise.all，就能写出清晰高效的代码。
