异步函数已经成为了现代 JavaScript 中非常重要的工具，它们一般都有回调函数来处理返回的结果。然而，由于它们本身的异步特性，它们在应用程序中也可能会出现一些错误。在 JavaScript 中，我们可以使用 try-catch 语句来捕捉这些错误，特别是当我们不知道错误的根本原因时，try-catch 语句可以帮助我们更好地排查错误。
在 ES12 中，引入了新的异步函数语法 async 和 await。async 函数本身返回一个 Promise 对象，而 await 关键字可以暂停函数的执行，直到所等待的 Promise 对象返回结果后执行后续的代码。但是，就像其他代码一样，异步函数也可能抛出异常，并且需要使用 try-catch 语句来处理。
异步函数的错误处理
我们通常想知道异步函数中可能出现哪些错误。以下是异步函数中可能会抛出的错误：
- 网络错误（比如无法连接服务器、DNS 查询失败等）
- 应用程序错误，包括但不限于处理错误的问题
- 资源不足，例如内存限制、处理速度等
此外，异步函数可能还会抛出其他未知的异常。因此，虽然我们无法完全避免这些错误的发生，但我们可以通过 try-catch 语句来捕捉这些错误。
如何使用 try-catch 语句处理异步函数中的错误
使用 try-catch 语句处理异步函数中的错误与函数的普通错误处理方法基本相同。我们使用 try 块包围异步函数的代码块，并使用 catch 块来处理错误。
以下是一个使用 async/await 和 try-catch 来处理错误的示例：
-- -------------------- ---- -------
----- -------- ------------ -
--- -
----- -------- - ----- -----------
----- ---- - ----- ----------------
------ -----
- ----- ------- -
-------------------- -- ---------- -----------
-
-在这个示例中，我们使用了 try-catch 语句来处理从 fetch 和 response.json() 中可能出现的任何异常。
如果在 fetch 或 response.json() 中发生了错误，它们会抛出一个错误对象。此时，控制流程会立即跳到 catch 块中（如果存在）并执行其中的代码。
请注意，在这个例子中，我们还包括了一个 console.error() 来输出错误。如果没有处理错误的代码，将很难找出导致应用程序崩溃的根本原因。
总结
async/await 语法可以使异步编程更加简单明了和易于读写。但正如上文所述，异步函数中也可能会出现错误。为了更好地处理这些错误，我们也需要使用 try-catch 语句来处理异常。
使用 try-catch 语句的基本原则是将有可能抛出异常的代码块置于 try 块中，并将处理异常的代码置于 catch 块中。这有助于我们更好地指导用户解决问题，并确保应用程序能够稳定运行。
本文节选了一个基础的例子，对于更复杂的异步函数错误处理应用，需要开发者根据实际情况进行操作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64880b0c48841e989468cc64