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

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

Mary-Kate Olsen
Mary-Kate Olsen原创
2024-12-01 05:06:15668浏览

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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn