javascript的async/await怎样使用_它们如何简化异步代码?

admin 百科 13
async/await 是 JavaScript 中基于 Promise 的异步语法糖,使异步代码更直观;async 函数自动返回 Promise,await 只能在其中使用并暂停执行直至 Promise settle,需注意错误处理与并发优化。

javascript的async/await怎样使用_它们如何简化异步代码?-第1张图片-佛山资讯网

async/await 是 JavaScript 中处理异步操作的语法糖,它让异步代码写起来像同步代码一样直观,同时底层仍基于 Promise。

async 函数的基本写法

在函数声明前加 async 关键字,该函数会自动返回一个 Promise。即使你 return 一个普通值,也会被包装成 resolved 的 Promise。

  • 如果 return 一个 Promise,那返回的就是它本身
  • 如果 throw 错误,等价于返回 rejected 的 Promise
  • 不能直接在全局作用域或普通函数中用 await,必须在 async 函数内部

await 让等待变自然

await 只能出现在 async 函数里,它会暂停函数执行,直到右侧的 Promise settle(fulfilled 或 rejected),然后继续往下走。

  • await 后面不一定是 Promise,也可以是任意值——非 Promise 值会被自动转成 resolved Promise
  • await Promise.reject(...) 会抛出错误,需要用 try/catch 捕获
  • 避免多个 await 串行执行造成性能浪费,可改用 Promise.all 并发请求

对比传统 Promise 写法更清晰

比如获取用户数据再获取其文章:

立即学习“Java免费学习笔记(深入)”;

标签: javascript java ai 作用域 并发请求

发布评论 0条评论)

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