async/await 是 promise 的语法糖，将链式调用扁平化，不改变事件循环；需在 async 函数中使用，错误用 try/catch 捕获，多个 await 默认串行，需 promise.all 实现并发。
async/await 让异步代码看起来像同步代码，但本质仍是 Promise 驱动
它不改变事件循环机制，也不让 JS 变成“阻塞式语言”，而是通过语法糖把 Promise.then() 链式调用扁平化。你写的 await fetch('/api') 实际上等价于 fetch('/api').then(...)，只是引擎自动帮你挂起函数执行、在 Promise settle 后恢复上下文。
错误处理更接近 try/catch 的直觉逻辑
不用再为每个 .catch() 找对位置，也不用担心 reject 被意外吞掉。只要把可能抛出异常的异步操作包进 try 块，就能捕获网络失败、JSON 解析错误、甚至 throw new Error()：
async function loadData() {
try {
const res = await fetch('/api/users');
if (!res.ok) throw new Error(`HTTP ${res.status}`);
const data = await res.json();
return data;
} catch (err) {
console.error('加载失败:', err.message);
throw err;
}
}
注意：未被 try/catch 包裹的 await 出错时，仍会返回 rejected Promise —— 这和直接写 Promise.catch() 行为一致，不是“静默失败”。
await 只能用在 async 函数里，且不能脱离 Promise 上下文
常见误操作包括：
立即学习“Java免费学习笔记（深入）”；
- 在普通函数或全局作用域中直接写
await fetch(...)→ 报错SyntaxError: await is only valid in async function - 用
await等待一个非 Promise 值（比如数字、字符串）→ 不报错，但毫无意义，相当于Promise.resolve(value) - 忘记
return导致函数返回undefined，而你以为它返回了数据
真正关键的是：只要用了 await，函数就自动返回 Promise，调用方必须用 await 或 .then() 处理结果 —— 这个契约不会因为写法变简洁而消失。
并发控制容易被忽略：多个 await 是串行的，不是并行的
下面这段代码耗时约 600ms，不是 300ms：
async function badParallel() {
const a = await fetch('/api/a'); // ~300ms
const b = await fetch('/api/b'); // 再 ~300ms
return [a, b];
}
想真正并发，得先触发所有 Promise，再统一 await：
async function goodParallel() {
const [a, b] = await Promise.all([
fetch('/api/a'),
fetch('/api/b')
]);
return [a, b];
}
这个区别在真实项目里直接影响接口响应时间，但新手常因语法太像同步代码而误判执行顺序。
