如何使用 ES8 中的 async/await 来捕获 JavaScript 的异常
随着现在 Web 程序越来越复杂，JavaScript 的异步调用也越来越普遍。但是，JavaScript 中的异步调用会带来许多错误和异常情况，如果不好好处理将会给应用程序带来隐患。因此，了解如何使用 ES8 中的 async/await 来捕获 JavaScript 的异常将会对于开发者们十分有帮助。
什么是 async/await
async/await 是 ES8 中的新特性，它是一种用于异步调用的语法糖。使用 async/await，可以让我们更方便地处理异步调用中的异步事件。
比如：
-- -------------------- ---- -------
-------- ----------- -
------ --- ----------------- ------- -- -
------------- -- -
-------------- ---------
-- ------
---
-
----- -------- ----------- -
----- ------ - ----- ------------
--------------------
-在上面的代码中，getResult 函数使用了 async/await 来等待 fetchData 的返回结果。它等待由 fetchData 返回的 Promise 被回应并将结果存储在 result 中。一旦 fetchData 的 Promise 调用 resolve，getResult 将会跟进并且在控制台输出 "Hello World!"。
捕获 JavaScript 异常
在 async/await 中，我们可以使用 try/catch 块来捕获和处理 JavaScript 异常。当我们使用异步调用时，try/catch 块可以让我们更容易地处理代码中的错误。
比如：
-- -------------------- ---- -------
-------- ----------- -
------ --- ----------------- ------- -- -
------------- -- -
------------- ------------
-- ------
---
-
----- -------- ----------- -
--- -
----- ------ - ----- ------------
- ----- ------- -
---------------------
-
-在上面的代码中，当 fetchData 的 Promise 被 reject 时，getResult 将会跟进并且使用 catch 块处理错误。这将允许我们输出错误信息并且防止应用程序崩溃。
使用 Promise.all
除了单个异步调用外，我们也可以在 Promise.all 中使用多个异步调用。Promise.all 将会同时等待多个 Promise 完成并且将所有结果收集到一个数组中。
比如：
-- -------------------- ---- -------
-------- ----------------- -
------ --- ----------------- ------- -- -
------------- -- -
-------------- - ---
-- ------------------------ - -------
---
-
----- -------- ----------- -
--- -
----- ------- - ----- -------------
--------------
--------------
-------------
---
---------------------
- ----- ------- -
---------------------
-
-在上面的代码中，我们同时请求了三个 fetchData 的调用，并且使用 Promise.all 等待所有异步调用都结束。一旦所有调用结束，我们将会得到一个包含所有结果的数组。如果其中一个 Promise 被 reject，则 catch 块将会跟进并且处理错误。
总结
在本文中，我们学习了使用 async/await 和 Promise.all 来捕获 JavaScript 异常。异步调用已经成为 Web 编程中十分常见的一部分，错误和异常情况的处理是非常重要的一步。如果不好好处理异步调用中可能发生的错误，将会导致应用程序崩溃，严重损害用户体验。了解这些基础知识将使得我们能够更加自信和安全地编写异步 JavaScript。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65a35365add4f0e0ffb72ae5