什么是 async/await
async/await 是 ECMAScript 2017 中新增的语法，用于简化 Promise 的使用。它是基于 Promise 的语法糖，使得异步代码的书写更加直观、简洁。
async/await 实际上是 Generator 函数的语法糖，它能够让我们像同步代码一样编写异步代码。async/await 的本质是对 Promise 的封装，它可以让 Promise 更加易用。
async/await 的语法
async/await 的语法很简单，只需要在函数前面加上 async 关键字，然后在异步操作前面加上 await 关键字即可。
----- -------- ----------------- - ----- ------ - ----- -------------------- -------------------- -
上面的代码中，myAsyncFunction() 是一个异步函数，它返回的值是一个 Promise 对象。在函数体内，我们使用了 await 关键字等待 myPromiseFunction() 函数的返回结果，并将结果赋值给 result 变量。在 await 关键字后面的代码将在 Promise 对象被解决之后执行。
async/await 的优点
使用 async/await 有以下几个优点：
代码更加直观、简洁。使用 async/await 可以让异步代码看起来像同步代码，更加易于理解和维护。
错误处理更加方便。使用 try/catch 块可以捕获异步函数中的错误，从而更加方便地进行错误处理。
可以有效地解决回调地狱问题。使用 async/await 可以避免多层嵌套的回调函数，使代码更加易于阅读和维护。
async/await 的使用方法
async/await 的使用方法很简单，只需要遵循以下几个步骤：
在异步函数前面加上 async 关键字。
在异步操作前面加上 await 关键字。
使用 try/catch 块进行错误处理。
下面是一个使用 async/await 的示例代码：
----- -------- --------- -
--- -
----- -------- - ----- ------------------------------------------------------
----- ---- - ----- ----------------
------------------
- ----- ------- -
---------------------
-
-上面的代码中，我们定义了一个异步函数 getData()，在函数体内使用了 await 关键字等待 fetch() 函数的返回结果。fetch() 函数返回的是一个 Promise 对象，我们使用 await 关键字等待 Promise 对象被解决后，再使用 response.json() 方法将响应数据转换为 JSON 格式。最后，我们将 JSON 数据输出到控制台。
总结
async/await 是一种简化 Promise 使用的语法糖，它能够让我们像同步代码一样编写异步代码。使用 async/await 可以使代码更加直观、简洁，错误处理更加方便，还可以有效地解决回调地狱问题。在实际开发中，我们应该尽可能地使用 async/await 来编写异步代码，从而使代码更加易于理解和维护。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65ffa212d10417a222ad8643