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

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

javascript中async/await是什么_它们如何工作-第1张图片-佛山资讯网

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

async 函数返回 Promise 对象

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

  • 如果你 return 一个普通值(比如字符串、数字),JavaScript 会用 Promise.resolve(value) 包装它;
  • 如果你 throw 一个错误,等价于返回 Promise.reject(error)
  • 即使函数体里没写任何异步逻辑,它也一定返回 Promise,所以调用后得用 .then() 或在另一个 async 函数里用 await 获取结果。

await 暂停当前 async 函数的执行

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

  • 遇到 await somePromise,JS 引擎会等待这个 Promise 状态变为 fulfilledrejected
  • 如果 Promise 成功,await 表达式就得到它的值;
  • 如果 Promise 失败,await 会直接抛出错误(除非你用 try/catch 捕获);
  • 非 Promise 值(比如数字、字符串)会被自动转成 Promise.resolve(value),所以也能用 await。

它们不阻塞主线程,靠的是微任务机制

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

标签: javascript java js 浏览器 ai

发布评论 0条评论)

还木有评论哦,快来抢沙发吧~