首页 > web前端 > js教程 > 如何使用 Async-Await 从异步函数中检索值?

如何使用 Async-Await 从异步函数中检索值?

Mary-Kate Olsen
发布: 2024-12-01 05:06:15
原创
652 人浏览过

How to Retrieve Values from Asynchronous Functions Using Async-Await?

使用 Async-Await 进行异步函数值检索

在 JavaScript 中使用使用 async-await 语法的异步函数时,有必要正确返回值供调用者函数使用。

要从异步函数返回值,您必须按预期使用 return 关键字。但是,如果您尝试访问异步范围之外的返回值(如提供的代码示例中所示),您将收到处于挂起状态的 Promise 对象。

要解决此问题,有必要将控制台日志记录语句包装在异步 IIFE(立即调用函数表达式)中,如下所示:

(async () => {
  console.log(await getData());
})();
登录后复制

这允许保留异步范围,从而使

请注意,由于 axios 库返回一个 Promise,因此也可以省略 getData 函数的 async-await 语法,如下所示:

function getData() {
  return axios.get('https://jsonplaceholder.typicode.com/posts');
}
登录后复制

然后,您可以如上所述将控制台日志记录语句包装在异步 IIFE 中,以从 getData 函数检索值。有关 async/await 的更多信息可以在线找到。

以上是如何使用 Async-Await 从异步函数中检索值?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板