前言
在前端开发中，我们经常需要处理网络请求或者文件读写等等一些操作，而这些操作往往会存在一些异常错误，如果我们不对这些错误进行捕获处理，就会严重影响用户体验和应用的健壮性。但是，如何优雅地处理异常错误呢？
今天我们要介绍的是一个非常好用的 npm 包——con-error，它可以帮助我们优雅地捕获和处理异常错误。
con-error 的安装
con-error 的安装非常简单，只需要在命令行执行下面的命令：
// 使用 npm npm install con-error // 使用 yarn yarn add con-error
con-error 的使用
con-error 提供了一个名为 catchErr 的函数，我们可以在需要捕获异常错误的地方调用该函数来捕获异常错误。
-- -------------------- ---- -------
----- - -------- - - ---------------------
-------- ----------- -
------ ------------------------------------- -- -- --------------- ----------------
----------- -- -----------
------------ -- -
------------------
--
----------------------- -- -
--------------------------------
-- -----------------------
----
-
------------如上面代码所示，我们在 fetch 请求的 catch 后面加上了 catchErr 函数，该函数接收一个回调函数作为参数，该回调函数会在捕获到异常错误时被调用，从而实现对异常错误的处理。
同时，con-error 还支持链式调用，比如下面的示例代码：
-- -------------------- ---- -------
----- - -------- - - ---------------------
-------- ---------- -
------ -----------------------------
----------- -- -
-----------------
--
--------------------- -- -
------------------------------
------------------------ -- -
---------------------------------
----
-
-----------con-error 的学习意义
通过学习和使用 con-error，我们可以更加优雅地处理异常错误，提升我们应用的健壮性。同时，con-error 的源码也非常简单易懂，它的实现主要是通过改写 Promise.prototype.catch 方法来捕获异常错误，从而实现对异常错误的处理，这对我们理解和使用 Promise 也非常有帮助。
总结
通过以上介绍，相信大家对 con-error 的使用有了更深刻的理解，希望大家在开发前端应用时能够更加优雅地处理异常错误，提升应用的健壮性和用户体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055fe381e8991b448dd811