在前端开发中，异步编程是必不可少的一部分。但是，异步代码的流程控制往往比较复杂，难以理解和维护。ES2017 引入了 async/await 语法，可以让我们以同步的方式编写异步代码，使得异步代码的流程控制更加易于理解和维护。
什么是 async/await
async/await 是 ES2017 中新增的语法，它是基于 Promise 实现的一种异步编程方式。async 函数是一个返回 Promise 对象的函数，而 await 表达式可以暂停异步函数的执行，等待 Promise 对象的解决（resolve）或拒绝（reject），然后继续执行异步函数。
如何使用 async/await
使用 async/await 的方式很简单，只需要在函数前面加上 async 关键字，然后使用 await 表达式来等待 Promise 对象的解决或拒绝即可。
下面是一个使用 async/await 的示例代码：
-- -------------------- ---- -------
----- -------- ----------- -
--- -
----- -------- - ----- ----------------------------------------------------
----- ---- - ----- ----------------
------------------
- ----- ------- -
---------------------
-
-
------------在这个示例中，我们定义了一个名为 fetchData 的异步函数。该函数使用 await 表达式来等待 fetch 方法的返回结果，然后再使用 await 表达式来等待 response.json() 方法的返回结果。如果出现错误，就会被 catch 语句捕获并输出错误信息。
async/await 的优点
使用 async/await 的方式可以使得异步代码的流程控制更加清晰易懂，同时也可以使得代码的可读性和可维护性更高。相比于传统的 Promise 链式调用，使用 async/await 可以减少代码嵌套，使得代码更加简洁易读。
async/await 的注意事项
使用 async/await 的方式也需要注意一些事项。首先，await 关键字只能在 async 函数内部使用，否则会导致语法错误。其次，await 表达式只能等待 Promise 对象的解决或拒绝，如果等待的不是 Promise 对象，就会直接返回该值。
总结
使用 async/await 的方式可以使得异步代码的流程控制更加易于理解和维护，同时也可以使得代码的可读性和可维护性更高。在实际开发中，我们应该根据具体情况选择合适的异步编程方式，以提高代码的质量和效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65fbfe61d10417a222789e6e