async await的使用以及介绍

async/await 是 ES2017 中新增的异步编程语法糖，它可以帮助我们更加优雅地处理异步操作，避免回调地狱和 Promise 链式调用。async/await 的本质上是基于 Promise 实现的，它可以让我们用同步的方式编写异步代码。

async/await 的基本用法如下：

async function fetchData() {
  try {
    // 异步操作
    const response = await fetch('https://api.github.com/users/octocat')
    const data = await response.json()
    // 处理异步操作成功的结果
    console.log(data)
  } catch (error) {
    // 处理异步操作失败的错误
    console.error(error)
  }
}

fetchData()

在上面的代码中，我们首先定义了一个 async 函数 fetchData()，并在其中使用了 await 关键字来等待异步操作的结果。如果异步操作成功，则会返回一个 Promise 对象的 resolve 值，并将其赋值给变量 data；如果异步操作失败，则会返回一个 Promise 对象的 reject 值，并被 catch() 捕获到。

async/await 可以让我们像编写同步代码一样编写异步代码，它简化了异步编程的复杂度，提高了代码的可读性和可维护性，是现代 JavaScript 开发中不可或缺的一部分。