随着 JavaScript 技术的不断发展，ES6 新增的 async/await 已经成为前端开发人员在异步编程中的首选技术。，在使用 async/await 中，错误处理也显得格外重要。本文将为大家详细介绍如何在 ECMAScript 2016 中使用 async/await 处理 catch 中的错误。
async/await 基本使用
async/await 是 ES6 中引入的两个关键字，它们能显著地简化异步代码的编写和阅读，并带来更好的代码可读性。下面是一个 async/await 的基本使用例子：
----- -------- ---------- -
--- -
----- ------ - ----- ---------------------------------------
----- ---- - ----- --------------
------------------
- ----- ------- -
-------------------- -------
-
-上述代码中，我们定义了一个名为 loadData 的异步函数，在内部使用 try-catch 代码块来处理可能发生的错误。在函数内部，我们使用 await 关键字等待异步操作完成并返回一个 Promise。这个 async/await 代码的执行过程是：
- 调用
fetch()方法发送请求，返回一个 Promise 对象。 - 等待 Promise 对象成功，将其结果赋给
result变量。 - 将
result数据解析为 JSON 值，等待 Promise 对象完成并赋值给json变量。 - 最后，输出
json值。
在该函数可能抛出的错误处，我们使用 catch 细节对错误进行捕获，并输出错误信息。
async/await 异常处理
在 async/await 中，我们可以使用 try-catch 代码块来捕获可能发生的错误，这同样适用于 Promise。下面我们将使用 Promise 对象来演示 async/await 异常处理的使用。
-------- ----------- -
------ --- ----------------- ------- -- -
------------- -- -
---------- ---------------- ---------
-- ------
---
-
----- -------- ---------- -
--- -
----- ---- - ----- ------------
------------------
- ----- ------- -
-------------------
-
-上述代码中，我们定义了一个名为 fetchData 的 Promise 函数，模拟了一个异步请求并强制抛出一个错误作为演示。接下来，我们定义了一个名为 loadData 的 async 函数，调用了 fetchData 函数并使用 try-catch 块进行错误处理。运行该代码我们发现，控制台打印了错误信息： Error: fetchData 抛出错误！
可选的异常处理
在 ECMAScript 2016 中，我们也可以使用可选的异常处理来处理 async/await 中的错误。可选的异常处理不需要使用 try-catch 语句来包装异步函数。
----- -------- ---------- - ----- ---- - ----- ----------------------- -- -------------------- ------------------ -
在上述代码中，我们使用 catch() 方法来捕获可能的错误，并在控制台上打印错误信息。这种方法能够帮助我们更灵活地处理异步函数抛出的错误。同时也增加了代码的可读性。
总结
async/await 简化了代码的编写，提高了代码的可读性。错误处理在异步编程中也很重要。在这篇文章中，我们重点介绍了在 ECMAScript 2016 中使用 async/await 时的错误处理方法。无论是使用 try-catch 还是可选的异常处理，都有助于处理异步函数可能抛出的错误。
在实际开发中，我们需要根据具体情况选择合适的错误处理方式。以上的内容希望可以为你在使用 async/await 中遇到错误时提供一些指导和帮助。
参考代码：https://github.com/Jane-Wang-JY/Async-Await-Error-Handling-Demo
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64f130cbf6b2d6eab3b07258