javascript中async/await是什么_它们如何工作-js教程-PHP中文网

javascript中async/await是什么_它们如何工作

狼影

发布： 2025-12-15 23:15:06

原创

313人浏览过

async/await 是 JavaScript 中基于 Promise 的异步语法糖，使异步代码更易读；async 函数必返回 Promise，await 暂停当前函数执行并交还控制权，依赖微任务机制，不阻塞主线程，错误通常用 try/catch 处理。

javascript中async/await是什么_它们如何工作

async/await 是 JavaScript 中处理异步操作的语法糖，本质是 Promise 的封装，让异步代码写起来像同步代码，但不阻塞主线程。

只要函数前加了 async，它就自动变成一个返回 Promise 的函数：

await 只能在 async 函数内部使用，它的作用不是“卡住整个程序”，而是暂停当前函数中 await 后面的代码，把控制权交还给事件循环：

async/await 的“暂停”是协作式的：它把后续逻辑放进微任务队列（microtask queue），等当前同步代码跑完、上一个微任务处理完，再继续执行。这和 setTimeout（宏任务）不同，所以响应更快、更可控。

万相营造

阿里妈妈推出的AI电商营销工具

168

比如：

console.log('A');<br>
async function f() { console.log('B'); await Promise.resolve(); console.log('C'); }<br>
f();<br>
console.log('D');

登录后复制

输出顺序是 A → B → D → C —— 这说明 await 确实让出了执行权，但没冻结浏览器。

因为 await 遇到 rejected Promise 会直接抛异常，所以最自然的方式是在 async 函数里包一层 try/catch：

能捕获 Promise reject 和同步 throw 的错误；
也可以用 .catch() 链在调用处处理，比如 someAsyncFn().catch(handleError)；
想让某个 await 失败也不中断后续逻辑？可以写成 await somePromise.catch(() => {}) 或用空的 try/catch 块包裹单个 await。

基本上就这些。async/await 不复杂，但容易忽略它对 Promise 的强依赖和微任务调度的本质。

以上就是javascript中async/await是什么_它们如何工作的详细内容，更多请关注php中文网其它相关文章！