如何使用 async-await 访问异步函数的返回值？

使用 async-await 从异步函数返回值

使用 async-await 语法调用异步函数时，直接访问返回值可能会导致待处理的 Promise。本文探讨如何解决此问题。

等待异步范围之外的值

您最初尝试记录 getData 函数的返回值失败，因为您尝试等待异步范围之外的值。 async-await 语法只能在异步函数或块中使用（由 async 关键字表示）。

异步 IIFE 来包装日志记录

要解决此问题，您可以将 console.log 语句包装在异步立即调用函数表达式（IIFE）中，例如this:

(async () => {
  console.log(await getData());
})();

这确保日志记录在异步上下文中执行，从而允许等待语法正确工作。

省略 Async/Await for Promise Returns

在您的示例中，axios 返回一个 Promise。在这种情况下，您可以通过省略 getData 函数的 async/await 语法并直接使用 Promise 对象来简化代码：

function getData() {
  return axios.get('https://jsonplaceholder.typicode.com/posts');
}

然后，您仍然可以使用异步 IIFE 将结果记录为before:

(async () => {
  console.log(await getData());
})();

通过遵循这些方法，您可以确保使用 async-await 从异步函数返回的值被正确访问和已处理。

以上是如何使用 async-await 访问异步函数的返回值？的详细内容。更多信息请关注PHP中文网其他相关文章！