javascript的async和await是什么_如何让异步代码像同步一样？-js教程-PHP中文网

javascript的async和await是什么_如何让异步代码像同步一样？

夜晨

发布： 2025-12-12 22:36:40

原创

791人浏览过

async/await 是 JavaScript 中基于 Promise 的异步语法糖，使异步代码更像同步、更易读；async 函数自动返回 Promise，await 暂停执行等待 Promise 完成，但不阻塞线程，需在 async 函数内使用，错误用 try/catch 捕获。

javascript的async和await是什么_如何让异步代码像同步一样？

async 和 await 是 JavaScript 中处理异步操作的语法糖，它们让基于 Promise 的异步代码写起来更像同步代码，读起来更清晰、逻辑更直白。

async 函数：自动返回 Promise 的函数

在函数声明前加 async 关键字，这个函数就变成了“async 函数”。它会自动把返回值包装成 Promise。即使你 return 一个普通值，也会被转成 Promise.resolve(value)；如果抛出错误，则等价于 Promise.reject(error)。

不能直接用 return 返回异步结果，但可以 return await someAsyncFn()（推荐）或直接 return someAsyncFn()
async 函数内部可以放心使用 await，但 await 只能在 async 函数里用

await：暂停执行，等待 Promise 完成

await 只能出现在 async 函数中，它会让 JS 引擎“暂停”当前函数的执行（注意：不是阻塞线程），等右边的 Promise settle（fulfilled 或 rejected）后再继续。await 后面可以是 Promise，也可以是任意值（非 Promise 会自动转成 resolved 状态）。

成功时，await promise 得到的是 promise.then() 的回调参数，即 resolved 的值
失败时，会直接抛出错误，可以用 try/catch 捕获：try { await apiCall() } catch (e) { ... }
不要滥用 await —— 如果多个请求无依赖关系，应并行发起（如 Promise.all([a(), b(), c()])），而不是串行 await

为什么它“像同步”，但又不是真同步？

async/await 并没有改变 JavaScript 单线程、非阻塞的本质。它只是通过 Promise + 生成器（底层由引擎实现）让异步流程“看起来”是顺序执行的。实际执行中，await 之后的代码会被挂起，控制权交还给事件循环，等 Promise 完成再从暂停处恢复。

立即学习“Java免费学习笔记（深入）”；

不会卡住页面或主线程，UI 依然可响应
调试体验更好：调用栈更连贯，断点可以自然地跨 await 断下
错误堆栈更清晰，不像嵌套 .then 那样容易丢失上下文

常见写法对比：Promise.then vs async/await

比如调用一个用户 API：

Picit AI

免费AI图片编辑器、滤镜与设计工具

195

查看详情

传统写法：

fetch('/api/user')<br>  .then(res => res.json())<br>  .then(data => console.log(data))<br>  .catch(err => console.error(err));

登录后复制

async/await 写法：

async function getUser() {<br>  try {<br>    const res = await fetch('/api/user');<br>    const data = await res.json();<br>    console.log(data);<br>  } catch (err) {<br>    console.error(err);<br>  }<br>}

登录后复制

逻辑一目了然，缩进不爆炸，错误统一处理。

基本上就这些。async/await 不复杂，但容易忽略它的运行机制和适用边界 —— 记住它只是 Promise 的语法糖，不是魔法，用对了才真正提升可读性和可维护性。

以上就是javascript的async和await是什么_如何让异步代码像同步一样？的详细内容，更多请关注php中文网其它相关文章！