ECMAScript 2019: 如何使用 async/await 异步函数-JavaScript中文网-JavaScript教程资源分享门户

在 JavaScript 中，异步编程已经成为了一种必要的方式。异步编程可以让我们在完成一些耗时的操作时，不会阻塞主线程，从而提升程序的性能和用户体验。在 JavaScript 中，我们通常使用回调函数、Promise 和 async/await 等方式来实现异步编程。在本文中，我们将重点介绍 async/await 异步函数的使用。

async/await 简介

async/await 是 ECMAScript 2017 标准中引入的新特性。它可以让我们用同步的方式编写异步代码，从而提高代码的可读性和可维护性。在使用 async/await 时，我们需要定义一个异步函数，并在其中使用 await 关键字来等待异步操作的结果。当异步操作完成后，await 关键字会返回异步操作的结果，从而让我们可以像处理同步代码一样来处理异步代码。

async/await 的使用

在使用 async/await 时，我们需要遵循以下几个步骤：

定义一个异步函数

异步函数可以使用 async 关键字来定义，例如：
```
async function fetchData() {
  // 异步操作
}
```
使用 await 等待异步操作的结果

在异步函数中，我们可以使用 await 关键字来等待异步操作的结果。await 关键字后面跟随着一个 Promise 对象，并且它只能在异步函数中使用。例如：
```
async function fetchData() {
  const response = await fetch('https://api.github.com/users');
  const data = await response.json();
  return data;
}
```
在上面的例子中，我们使用 await 关键字等待 fetch 函数和 response.json() 函数的结果。这些函数都返回了 Promise 对象，而 await 关键字会等待这些 Promise 对象的状态变为 resolved 后，才会返回异步操作的结果。
处理异步操作的错误

在使用 async/await 时，我们可以使用 try/catch 语句来处理异步操作的错误。例如：
```
// javascriptcn.com 代码示例
async function fetchData() {
  try {
    const response = await fetch('https://api.github.com/users');
    const data = await response.json();
    return data;
  } catch (error) {
    console.log(error);
  }
}
```
在上面的例子中，我们使用 try/catch 语句来处理 fetch 函数和 response.json() 函数可能抛出的错误。如果异步操作发生了错误，catch 语句会捕获这些错误，并将它们传递给我们的错误处理程序。

async/await 的示例代码

下面是一个使用 async/await 实现异步编程的示例代码：

// javascriptcn.com 代码示例
async function fetchData() {
  try {
    const response = await fetch('https://api.github.com/users');
    const data = await response.json();
    return data;
  } catch (error) {
    console.log(error);
  }
}

fetchData().then((data) => {
  console.log(data);
});

在上面的代码中，我们定义了一个异步函数 fetchData，该函数会使用 fetch 函数获取 GitHub 用户列表，并返回一个包含用户信息的数组。我们使用 try/catch 语句来处理可能发生的错误，并将错误输出到控制台。最后，我们调用 fetchData 函数，并使用 then 方法来处理异步操作的结果。

总结

async/await 是 ECMAScript 2017 标准中引入的新特性，它可以让我们用同步的方式编写异步代码。在使用 async/await 时，我们需要定义一个异步函数，并在其中使用 await 关键字来等待异步操作的结果。当异步操作完成后，await 关键字会返回异步操作的结果，从而让我们可以像处理同步代码一样来处理异步代码。在使用 async/await 时，我们可以使用 try/catch 语句来处理异步操作的错误。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/65693495d2f5e1655d1bfd6d