async/await 是 Promise 的语法糖,async 函数必返回 Promise(如 return 42 → Promise.resolve(42)),await 仅在 async 函数内有效,会暂停执行并等待 Promise resolve,错误需用 try/catch 捕获,并发请求应使用 Promise.all 而非连续 await。

async/await 不是新机制,而是 Promise 的语法糖;它不能消除异步本质,但能避免回调嵌套和显式 .then() 链。
为什么 async 函数返回的是 Promise?
因为 JavaScript 异步执行模型没变——async 函数内部仍依赖事件循环调度。哪怕函数体里只写 return 42,也会被自动包装成 Promise.resolve(42)。
- 直接
return基本类型 → 等价于Promise.resolve(value) - 抛出错误 → 等价于
Promise.reject(error) - 返回已存在的 Promise → 不会再包一层,原样透传
async function f() {
return 'hello';
}
console.log(f()); // Promise { 'hello' }
await 只能在 async 函数里用,且只能等 Promise
await 本质是暂停当前 async 函数的执行(不阻塞主线程),等右侧表达式 resolve 后继续。它不是万能等待器——遇到非 Promise 值会立即返回,不会“等”。
- 如果
await 123,结果就是123,无延迟 - 如果
await fetch('/api'),才真正等待网络响应完成 - 在顶层作用域或普通函数里写
await→ 报错SyntaxError: await is only valid in async function
async function getData() {
const res = await fetch('/api');
const data = await res.json();
return data;
}
错误处理必须用 try/catch,不能靠 .catch()
await 后的 Promise reject 会以异常形式抛出,跳过后续语句。想捕获就得用 try/catch,否则会冒泡到最近的 async 上下文或变成未处理拒绝(unhandledrejection)。
立即学习“Java免费学习笔记(深入)”;
-
.catch()在await表达式右边无效:比如await promise.catch(...)是错的逻辑 - 多个 await 要分别包裹,或统一用一个
try/catch包住整段逻辑 - 忘记
try/catch是线上静默失败最常见原因之一
async function safeFetch() {
try {
const res = await fetch('/api');
if (!res.ok) throw new Error(`HTTP ${res.status}`);
return await res.json();
} catch (err) {
console.error('Fetch failed:', err);
return null;
}
}
真正容易被忽略的点是:await 并不“串行化”所有操作——如果你连续 await 三个独立请求,它们仍是顺序等待;要并发就该用 Promise.all([a(), b(), c()]),再 await 这个组合 Promise。混用 await 和 Promise 并发模式,是性能掉坑最多的地方。











