javascript async await是什么_如何简化异步代码【教程】_网络技术

发布时间 - 2026-01-31 00:00:00 点击率：次

是的，async函数必须返回Promise，即使return基本类型也会被Promise.resolve()包装；await仅限async函数内使用，顶层await需ES2025+模块环境；try/catch可捕获reject与同步异常，但未await的Promise不会被捕获。

async/await 不是新语法糖，而是 Promise 的语法包装，它本身不改变异步本质，但能大幅降低回调嵌套和错误处理的复杂度。

是的。即使你写 async function foo() { return 42 }，JavaScript 也会自动用 Promise.resolve(42) 包一层。这意味着：

所有 async 函数调用结果都是 Promise，不能直接拿到返回值，必须 await 或接 .then()
如果函数内部抛错（throw new Error()），等价于返回 Promise.reject()，会被外层 catch 或 try/catch 捕获
想返回
原始 Promise（比如避免多包一层），可以用 return await somePromise()，但多数情况没必要

对，这是语法限制。常见错误是写成：

console.log(await fetch('/api/user')) // SyntaxError: await is only valid in async function

正确做法是把这行放进 async 函数，或用立即执行函数表达式（IIFE）：

(async () => {
  const res = await fetch('/api/user')
  console.log(res)
})()

注意：顶层 await 在模块中可用（ES2025+），但仅限 type="module" 的脚本或 .mjs 文件，普通不支持。

它能捕获 Promise rejection 和同步异常，但容易漏掉未 await 的 Promise：

await fetch('/api') → 失败会进 catch
fetch('/api').catch(err => console.error(err)) → 不会进外层 try/catch，因为没被 await
多个 await 连续写，前一个失败后，后续不会执行（类似同步逻辑），这点比 .then().catch().then() 更直观
并发请求别用串行 await，改用 Promise.all([await a(), await b()]) → 错！应写成 Promise.all([a(), b()]).then(...)，否则仍是串行

最常被忽略的是：await 的“暂停”只对当前函数有效，不影响事件循环；它不是阻塞线程，底层仍是微任务调度。写多了嵌套 try/catch 或滥用 await Promise.all(...) 反而掩盖了真正的并发意图。