初学者必须掌握的 ES7 技能：async/await
在 JavaScript 编程中，异步函数已成为我们日常的关键任务。而 async/await 就是在 ES7 中为 JavaScript 中的异步编程提供的解决方案。因为它实在是太方便了，并且它可以让你的代码逻辑非常清晰简洁。
我们来看一下 async/await 如何改进异步代码：
以前的代码可能会这样：
-- -------------------- ---- -------
-------- ----------- -
------ ------------------
-------------- -- ----------------
---------- -- -
------------------
------ -----
--
------------ -- --------------------
-改进后的代码使用 async/await 编写如下：
-- -------------------- ---- -------
----- -------- ----------- -
--- -
----- -------- - ----- -------------------
----- ---- - ----- ----------------
------------------
------ -----
- ----- ------- -
-------------------
-
-使用 async/await 带来了这些优点：
- 更简洁易读：用 await 等待 Promise 的结果，使用 try/catch 捕捉异常，程序读起来非常清晰、直观。
- 更好的错误处理：使用 try/catch 捕捉异常，你能够得到更好的异常处理体验。
- 更优秀的调试能力：因为 async/await 是同步流程的代码表示方式，所以当程序抛出异常时，你能够比较容易地定位到错误出现的位置。
使用示例：
接下来是一个示例，向 API 发送数据并等待响应：
-- -------------------- ---- -------
----- -------- ---------- -
----- ---- - - --------- ----- ----- --------- ------- --
----- ------- - -
------- -------
-------- - --------------- ------------------ --
----- --------------------
--
--- -
----- -------- - ----- ------------------- ---------
----- ------ - ----- ----------------
--------------------
- ----- ------- -
----------------------- -------
-
-这里向同一域名下的 API 发送使用 POST 方法发送 JSON 数据。fetch 发出请求并等待响应，在请求成功时，解析响应并调用 JSON() 方法将其转换为可读格式。当一个错误发生时，它将被捕获并输出到控制台。
总结：
async/await 为 JavaScript 的异步编程提供了更好的解决方案，让我们能够以更简单、可读性更好的方式来处理异步代码，大大简化我们的代码，并提高了错误处理的能力。如果你还没有掌握 async/await，你应该考虑学习它以提高你的编程能力和效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6497a59548841e98944a48f6