在编写前端工程时，使用 JavaScript API 处理异步操作变得异常普遍，而 Promise 是一种处理异步处理操作的标准方式。在使用 Promise 时，try/catch 语法可以使代码更加易于维护，在这篇文章中，我们将来讨论 Promise 中的错误处理和 try/catch 语法的使用。
Promise 基础知识
当使用 Promise 处理异步操作时，通常需要确定一个异步任务是否完成。Promise 允许我们定义一个在完成异步操作后继续执行的方法。异步操作可能会成功（resolve）也可能会失败（reject）。我们可以使用 .then() 和 .catch() 分别在成功和失败时进行处理。
fetch('some/url')
.then(response => response.json())
.then(data => console.log(data))
.catch(err => console.error(err));在 Promise 中，任何抛出异常的代码都必须在 .catch() 语句中处理。如果 Promise 返回一个 rejected 状态或抛出异常，并且没有进一步的错误处理，那么我们就会面临未捕获异常并导致应用崩溃的风险。
Promise 中的错误处理
当 Promise 函数返回一个 rejected 状态时，Promise 变为不可用状态。当发生失败时，可以使用 .catch() function 来控制发生错误时的处理。
当处理 Promise 函数中的错误时，有两种方式：
方式一：使用 .catch()
Promise() .then(handleData) .catch(handleError)
在此场景中，.then() 会在 Promise 成功时执行，.catch() 会在 Promise 失败时执行。
方式二：使用 try/catch
try {
const data = await Promise();
handleData(data);
} catch (err) {
handleError(err);
}当使用异步操作时，try/catch 语句并不能直接捕获异步操作中的异常，必须将代码放入 async/await 或者 .then() 的回调函数中。
在 try/catch 中处理的错误与 .catch() 中处理的错误大致相同。错误会被处理为 catch 语句块中的异常。
在使用 try/catch 时，应避免在一个 finally 代码块中处理错误。finally 代码块总是会被执行，无论它返回的是 resolved 还是 rejected 状态。
在 Promise 中使用 try/catch 符合代码优化原则。好的代码应该容易阅读、易于调试和维护。使用 try/catch 语法可以将异步代码置于同步流程中，使得代码更加易于阅读和维护。同时， try/catch 也有利于我们更好地在 Promise 中管理错误。
-- -------------------- ---- -------
----- -------- ------------- -
--- -
----- -------- - ----- ------------------
----- ---- - ----- ----------------
------ -----
- ----- ----- -
-------------------
-
-在上面示例中， 我们使用了 try/catch 来对异步数据的请求进行错误处理。如果 try 块中发生异常，那么将会被抛到 catch 块中。其中，前面两个 await 表示等待 Promise 的 resolve 完成，后面的 await 可以抛出 Promise 中 reject 的异常。
结论
在 Promise 中，try/catch 语法可以使代码更具有可读性、可维护性、易于调试，并且有助于更好地管理 Promise 中的错误。在代码优化中，一个良好的错误处理方案是非常重要的。
当您使用 Promise 处理异步操作时，请记住在 Promise 中使用 try/catch 语法。这将为您带来代码优化的巨大好处。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674ea885e884a3e30f28e446