JavaScript 中的异步函数：理解“async”和“await”

简介

在 JavaScript 的异步编程模型中，处理异步任务及其完成回调可能会导致复杂的代码结构。异步函数与“async”和“await”关键字一起提供了一种更加结构化和高效的方法。

异步函数

异步函数是在调用时不会阻塞主线程的函数。等待异步操作。他们使用“async”关键字并返回一个 Promise 对象。异步函数允许我们以更加同步的方式编写异步代码。

“async”和“await”

“async”关键字用于将函数声明为异步。 “await”关键字用于异步函数内部，以暂停其执行并等待 Promise 被履行。这是一个例子：

async function fetchUserData(id) {
  const response = await fetch(`https://example.com/users/${id}`);
  const user = await response.json();
  return user;
}

在此示例中，使用“async”关键字将 fetchUserData 函数标记为异步。当它调用 fetch 来获取用户数据时，它使用“await”暂停执行，直到 fetch 完成。这使我们能够立即在函数范围内使用用户数据。

异步函数的好处

异步函数使异步编程更易于管理和可读。它们通过消除嵌套回调来简化代码结构，并减少显式 Promise 处理的需要。这可以提高代码的可维护性并减少出错的可能性。