async/await，了然于心

2023-12-15 07:55:22

async/await，了解一下？

在我们讨论 async/await 之前，先回顾一下 Promise。Promise 是 JavaScript 中用来处理异步操作的一种对象，它代表着一个异步操作的最终完成或失败及其结果。Promise 提供了 then() 方法来处理异步操作的结果，解决了回调函数的嵌套问题，使代码更易于阅读和维护。

async/await 是 ES8 中引入的语法糖，它建立在 Promise 的基础上，允许我们使用同步的语法来编写异步代码。async/await 将 Promise 的 then() 方法包装成了一种更简洁、更具可读性的形式，使我们可以像编写同步代码一样编写异步代码。

async/await 的基本原理

async/await 的基本原理是通过暂停执行当前函数，直到异步操作完成，然后继续执行函数。这使得我们可以使用同步的语法来编写异步代码，而无需使用回调函数或 Promise 的 then() 方法。

async/await 的语法结构

async/await 的语法结构非常简单。要使用 async/await，我们需要先将函数声明为异步函数，使用 async 。然后，在函数内部，我们可以使用 await 关键字来暂停执行函数，直到异步操作完成。

例如，以下代码使用 async/await 来获取一个远程服务器上的数据：

async function getData() {
  const response = await fetch('https://example.com/data.json');
  const data = await response.json();
  return data;
}

在这个例子中，getData() 函数被声明为一个异步函数，使用 async 关键字。然后，在函数内部，我们使用 await 关键字来暂停执行函数，直到 fetch() 操作完成。当 fetch() 操作完成时，我们将获得一个 Response 对象，然后我们再次使用 await 关键字来暂停执行函数，直到 response.json() 操作完成。当 response.json() 操作完成时，我们将获得一个 JavaScript 对象，这就是我们要从服务器获取的数据。

async/await 的实际应用

async/await 可以用于任何需要处理异步操作的地方。例如，我们可以使用 async/await 来处理以下操作：