在前端开发中，错误处理是一个非常重要且常见的问题。通常我们会在代码中使用 try-catch语句来捕获错误和异常，但很多时候我们会遇到一些特殊的问题，例如当我们的代码在 Promise链中抛出错误时，catch不会生效；或者当我们使用第三方库时，它们有时候可能不会正确的处理错误。
为了解决这些问题，我们可以使用 corrected-correct-error-handler 这个 npm 包。这个包可以捕获并修复未处理的错误，从而确保我们的应用程序更加健壮。
安装
使用npm在项目中安装 corrected-correct-error-handler：
npm install corrected-correct-error-handler --save
使用
要使用 corrected-correct-error-handler 包，在你的 JavaScript 文件中导入它并实例化：
-- -------------------- ---- -------
------ --------------------- ---- ----------------------------------
----- ------------ - --- -----------------------
----------------- ------- -- -
-- --------------
--
--------------- ------- -- -
-- --------------
-
---onUnhandledError
当一个错误没有被处理时，会触发 onUnhandledError 回调函数。你可以在这里对错误进行处理，例如通过发送错误日志或者显示错误信息给用户。
onErrorHandler
当一个错误被处理时，会触发 onErrorHandler 回调函数。你可以在这里实现自己的逻辑，例如决定是否应该再次抛出错误或者记录错误日志。
示例代码
-- -------------------- ---- -------
------ --------------------- ---- ----------------------------------
----- ------------ - --- -----------------------
----------------- ------- -- -
-- --------
----------------------------
-- ---------
-----------------------
--
--------------- ------- -- -
-- --------
---------------------
-
---
-- ------------
-----------------
-------- -- -
----- --- -------------- --------
--
-------------- -- -
-------------------
---
-- ----------
--- -
-- -----------
- ----- ------- -
--------------------------------
-在上面的示例代码中，我们创建了一个 CorrectedErrorHandler 实例，并为其提供了两个回调函数：onUnhandledError 和 onErrorHandler。然后我们在 Promise 链和错误处理函数中使用 CorrectedErrorHandler 实例来处理错误。
最佳实践
在使用 corrected-correct-error-handler 包时，我们需要注意一些最佳实践：
在 JavaScript 文件中只应该有一个
CorrectedErrorHandler实例。将
CorrectedErrorHandler实例放在应用程序的顶层，以确保可以捕获所有的错误。使用
handleError函数来处理错误，而不是直接抛出错误或者使用throw语句。记录错误日志以及显示错误信息给用户是最常见的错误处理方式，但你还可以根据你自己的应用程序需要来进行扩展和定制。
总结
错误处理是前端开发中必不可少的部分。corrected-correct-error-handler 包可以帮助我们捕获和修复未处理的错误，从而确保我们的应用程序具有更高的健壮性。在使用这个包的时候，我们需要注意一些最佳实践，并且根据自己的应用程序需要进行扩展和定制。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005693081e8991b448e4ba3