ES7 引入了 async/await 语法，使得异步编程变得更加直观和易于理解。然而，在使用该语法进行异步编程时，错误处理的方式确实一个不可忽视的问题。本文将详细探讨处理 async/await 中的错误的方案，希望为前端开发者提供深度和指导意义的学习资源。
1. Promise 链式调用
当一个异步任务在 async/await 函数中执行时，我们可以将其转化为 Promise 对象，并通过链式调用 .then() 和 .catch() 来处理其结果和错误。例如：
-- -------------------- ---- -------
----- -------- ----------- -
--- -
----- -------- - ----- ---------------------------------
----- ---- - ----- ----------------
------------------
- ----- ------- -
---------------------
-
-
------------在上述代码中，需要注意的是：
fetch请求成功后，会返回一个表示数据的 Promise 对象。- 要获取这个 Promise 返回的数据，需要再次使用
await关键字。 - 使用
try-catch代码块来捕获可能出现的错误。
2. Async 函数中抛出错误
当在 async/await 函数中抛出错误时，我们可以使用 JavaScript 内置的 Error 对象或自定义错误对象。例如：
-- -------------------- ---- -------
----- ------------ ------- ----- -
------------------ -
-------------
--------- - ---------------
-
-
----- -------- ----------- -
--- -
----- -------- - ----- ---------------------------------
----- ---- - ----- ----------------
-- ------------ ----- --- ----------- --------
------------------
- ----- ------- -
-- ------ ---------- ------------- -
--------------------------------
- ---- -
---------------------
-
-
-
------------在上述代码中，我们使用 throw 关键字抛出了一个错误。使用自定义的 NetworkError 类型错误，我们可以根据不同的错误类型做出不同的处理。
3. 异常地狱
虽然使用 Promise 链式调用和错误对象的方式处理错误并确保代码清晰易读，但一个过度深嵌套的链式调用（也称为‘回调地狱’）可能会导致‘异常地狱’现象，从而降低代码质量和可读性。为了避免这种情况，建议使用工具函数封装错误处理逻辑，如下所示：
-- -------------------- ---- ------- -------- ------------------ - --------------------- - ----- -------- ----------- - ----- -------- - ----- ---------------------------------------------------- ----- ---- - ----- ----------------------------------- ------------------ - ------------
在上述代码中，我们将错误处理方法 handleError 传递给 catch 方法，将错误缩小到一个单独的处理函数中，避免了异常地狱。
结论
异步程序是现代前端开发不可或缺的一部分。async/await 是 JS 中异步编程模型的主要模括，带来更加直观和易读的代码风格。但它的错误处理方案需要特别关注和处理，避免因为错误的处理不当导致程序出错。使用 Promise 链式调用、抛出错误和封装错误处理逻辑可以有效地避免开发过程中的‘回调地狱’和‘异常地狱’。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6729b1252e7021665e2554bc