什么是 async/await
在 ES7 中，新增了 async/await 关键字，用于简化 Promise 对象的写法。它让异步代码的书写和阅读更加直观和易于理解。async/await 是基于 Promise 实现的，因此代码风格非常统一，具有更好的可读性和可维护性。
async/await 的基本语法是将一个 function 声明为 async 函数，async 函数会返回一个 Promise 对象，其中会有一个 await 关键字用于暂停函数的执行，直到 Promise 对象返回结果。使用 async/await 可以让你少写许多的 then/catch。
async/await 和 Promise 的区别
在 JavaScript 中，Promise 属于异步编程的一种方式，它是一种更为优雅的解决异步编程的方法，而 async/await 是在 Promise 基础上的进一步简化。
与 Promise 不同，async/await 更加直观和易于阅读，可以让你更加专注于业务逻辑的构建，而非处理异步操作的状态机。
示例代码
下面是一个使用 async/await 的示例。
----- -------- -------------- -
--- -
----- -------- - ----- -----------
----- ---- - ----- ----------------
------ -----
- ----- ------- -
-------------------
-
-
----- -------- ------------- -
----- ---- - ----- ---------------
------------------
-在上述代码中，我们定义了一个 fetchData 方法，它接收一个 URL 参数，使用 fetch 方法来获取数据，然后将返回的 JSON 数据解析成一个对象，并将其返回。如果在这个过程中发生了错误，我们会对其进行捕获并输出。
我们还定义了一个 showData 方法，它接收一个 URL 参数并调用 fetchData 方法来获取数据，然后将返回的结果输出到控制台上。
这里的 async/await 关键字使我们可以很容易地编写具有异步操作的代码，而且在错误处理方面也更加简便。
结论
async/await 操作符是 JavaScript 中的一种优秀的异步编程方法，能够极大地简化 Promise 对象的写法。它更加直观和易于阅读，可以让你更加专注于业务逻辑的构建。
使用 async/await 可以使代码更加干净、可读和易于维护，为我们的前端开发带来了很大的便利。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/66fd4c5e44713626017bdb5c