什么是 async/await？
async/await 是 ES7 中引入的一种异步编程方式，它让我们可以使用同步的方式编写异步代码，从而避免了回调地狱的问题。async/await 是基于 Promise 实现的，它让我们可以更加优雅地处理异步操作。
async/await 的语法
async/await 的语法非常简单，我们只需要在函数前面加上 async 关键字，然后在需要异步执行的地方使用 await 关键字即可。
----- -------- ----------- - ----- ---- - ----- ---------------------------------- ------ ------------ -
在上面的例子中，我们使用 async 关键字定义了一个异步函数 fetchData，然后在函数内部使用了 await 关键字来等待 fetch 方法返回结果。由于 fetch 返回的是一个 Promise，所以我们可以直接使用它的 then 方法来处理返回结果。
Babel 如何转换 async/await？
由于 async/await 是 ES7 中的语法，而目前大部分浏览器还不支持 ES7，所以我们需要使用 Babel 来将 ES7 的代码转换成 ES5 的代码。
Babel 对 async/await 的转换其实非常简单，它只需要将 async 函数转换成一个返回 Promise 的函数，然后将 await 表达式转换成 then 方法即可。
举个例子，我们将上面的 fetchData 函数转换成 ES5 的代码：
-------- ----------- -
------ ---------------------------------
------------------------ -
------ ----------------
---
-可以看到，Babel 将 async 函数转换成了一个返回 Promise 的函数，并将 await 表达式转换成了 then 方法。
总结
async/await 是一种非常优雅的异步编程方式，它让我们可以使用同步的方式编写异步代码，避免了回调地狱的问题。由于目前大部分浏览器还不支持 ES7，所以我们需要使用 Babel 来将 ES7 的代码转换成 ES5 的代码。Babel 对 async/await 的转换非常简单，它只需要将 async 函数转换成一个返回 Promise 的函数，然后将 await 表达式转换成 then 方法即可。
希望本文对大家有所帮助，如果有任何问题或建议，欢迎留言讨论。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/65713c87d2f5e1655d9ee23f