在 Web 开发中，异步操作尤其常见，而 Promise 成为了处理异步操作的重要工具之一。Promise 表示一个异步操作的最终状态（成功或失败）及其返回值，其可以简化异步代码的编写和维护。但是，如果没有合理地捕获 Promise 的错误，就可能导致程序崩溃或出现难以追踪的错误，影响用户体验。因此，本文将介绍 Promise 的错误捕获技巧，帮助开发者更好地处理异步操作中的错误。
Promise 和错误处理
Promise 对象有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。当 Promise 执行成功时，将执行其回调函数中的 resolve 方法，并返回一个成功的值；当 Promise 执行失败时，将执行其回调函数中的 reject 方法，并返回错误信息。以下是一个使用 Promise 的示例：
-- -------------------- ---- -------
-------- ----------------- -
------ --- ----------------- ------- -- -
----- --- - --- -----------------
--------------- -----
---------- - -- -- -
-- ----------- --- ---- -
--------------------------
- ---- -
---------- -----------------------
-
--
----------- - -- -- -
---------- -------------- ---------
--
-----------
---
-
-------------------
---------- -- -
-- -------
--
------------ -- -
-- ------
---如上述代码所示，我们可以在 then 中处理成功的数据，在 catch 中处理失败情况。这种方式可以有效地处理 Promise 中的异常。但是，在实际开发中，Promise 可能会链式调用多个操作，难以追踪错误。此时，我们可以使用如下技巧来处理 Promise 中的错误。
抛出错误实例化
在 Promise 的回调函数中，我们可以抛出错误实例化，让其被后续的 catch 捕获。例如，以下代码中的 promiseFunc 中抛出的 new Error 实例，将被其后的 catch 捕获，并输出错误信息。
-- -------------------- ---- -------
-------- ------------- -
------ --- ----------------- ------- -- -
----- --- - --------------
-- ---- - ---- -
-------------
- ---- -
----- --- -------------- ------
-
---
-
-------------
--------- -- -----------------
---------- -- ----------------------- ------使用该技巧的好处是，可以减少代码量，同时可以避免未预料到的错误，提高代码质量。
try-catch 捕获
如果 Promise 中的代码抛出错误实例，我们可以结合使用 try-catch 语句来捕获错误并输出错误信息。例如，以下代码中的 promiseFunc 中使用 try-catch 包装 throw 语句，让错误信息可以被后续的 catch 捕获并输出。
-- -------------------- ---- -------
-------- ------------- -
------ --- ----------------- ------- -- -
----- --- - --------------
--- -
-- ---- - ---- -
-------------
- ---- -
----- --- -------------- ------
-
- ----- ----- -
------------
-
---
-
-------------
--------- -- -----------------
---------- -- ----------------------- ------这种方式有一个好处是，try-catch 可以捕获 Promise 中的所有异常，较上述技巧更为全面。但是，这种方式也有一个缺陷，就是 catch 被执行后，后续的 then 将不再执行。因此，需要根据实际需求选择使用哪种异常处理方式。
处理所有 Promise 的异常
对于多个 Promise 链式调用的情况，我们可以对所有的 Promise 对象进行异常处理，避免出现未捕获异常的情况。例如，以下代码中的 window.addEventListener('unhandledrejection', callback) 监听 Promise 的未捕获相应事件。
window.addEventListener('unhandledrejection', err => {
console.error('Error:', err.reason || err);
});
Promise.reject('something wrong');使用这种方式，可以有效地避免未预料到的错误，增强系统的可靠性。
结论
在开发中，关注异步代码的错误处理是至关重要的。Promise 的错误处理需要在 then 和 catch 中进行，同时需要考虑多个 Promise 链式调用的情况。本文介绍了使用错误实例化、try-catch 和全局异常处理等技巧来处理 Promise 中的错误，以帮助开发者更好地处理异步操作中的错误，提高代码质量和系统可靠性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66fd09c44471362601769030