简介
在前端开发过程中，错误处理是不可避免的环节。但是，当出现错误时，我们除了查看控制台输出的堆栈信息，往往难以快速定位问题所在。这时候，npm 包 oh-my-errors 就能派上用场了。
oh-my-errors 是什么
oh-my-errors 是一个轻量级的 npm 包，它能够帮助我们更好地处理错误。oh-my-errors 提供了多种错误处理方式，并且支持自定义错误类型，以及自定义错误处理方式。
oh-my-errors 的使用场景非常广泛，包括但不限于以下：
- 网络请求出现异常
- 用户输入不合法
- 运行时语法错误
如何使用 oh-my-errors
为了使用 oh-my-errors，我们需要先安装该包。可以执行以下命令完成安装：
npm install oh-my-errors
安装完成后，我们可以直接使用 oh-my-errors 的默认配置。下面，我们将以一个简单的示例来演示如何使用 oh-my-errors。
首先，我们需要编写一个函数，该函数有可能会抛异常。例如，我们编写了以下代码：
function foo() {
const a = {};
a.b.c.d;
}当我们调用该函数时，如果 a.b.c.d 不存在，那么就会抛出一个报错。然而，如果我们使用 oh-my-errors，我们就能优雅地处理这个问题，代码如下：
const ohMyErrors = require('oh-my-errors');
function foo() {
const a = {};
a.b.c.d;
}
ohMyErrors.wrap(foo)(); // 该函数返回一个函数，在此需要再次调用才能执行原函数现在，当我们调用 ohMyErrors.wrap(foo)() 时，如果 a.b.c.d 不存在，将会抛出一个错误栈信息，如下：
-- -------------------- ---- ------- ---------- ------ ---- -------- --- -- --------- -- --- --------------------------------------- -- ------------------ --------------------------------------- -- --------------- --------------------------------------- -- ----------------------------- --------------------------------------- -- ----------- --------------------------------------- -- --------------------- --------------------------------------- -- ----------------------- ---------------------------------------- -- --------------------------------------
我们可以看到，错误信息非常清晰明了，让我们能够快速定位问题所在。
自定义错误类型
如果默认的错误类型无法满足我们的需求，那么我们可以通过自定义错误类型来解决问题。下面，我们将以一个自定义错误类型的示例来演示如何实现。
我们首先需要使用 oh-my-errors.custom() 方法来创建一个自定义错误类型：
const ohMyErrors = require('oh-my-errors');
const CustomError = ohMyErrors.custom({
code: 'OVEN_HEATED_TOO_MUCH',
statusCode: 500,
message: 'Sorry, the oven has been heated too much!',
});
throw new CustomError();在上面的代码中，我们创建了一个名为 CustomError 的自定义错误类型。自定义错误类型除了默认的 message 参数外，还可以设置 code 和 statusCode。之后，我们创建了一个 CustomError 的实例，并将其抛出。此时，错误信息将会是：
-- -------------------- ---- ------- ------------ ------ --- ---- --- ---- ------ --- ----- -- ------------------ --------------------------------------- -- --------------- --------------------------------------- -- ----------------------------- --------------------------------------- -- ----------- --------------------------------------- -- --------------------- --------------------------------------- -- ----------------------- ---------------------------------------- -- -------------------------------------- - ----- ----------------------- ----------- --- -
我们可以看到，错误信息中包含了自定义的 code 和 statusCode。
自定义错误处理方式
如果默认的错误处理方式无法满足我们的需求，那么我们可以通过自定义错误处理方式来解决问题。下面，我们将以一个自定义错误处理方式的示例来演示如何实现。
在 oh-my-errors 中，我们可以使用 ohMyErrors.on() 方法来设置全局错误拦截器，以及使用 ohMyErrors.onError() 方法来设置全局错误处理方式。下面，我们将分别介绍这两种方式。
全局错误拦截器
我们可以使用 ohMyErrors.on() 方法来设置全局错误拦截器，如下所示：
-- -------------------- ---- ------- -- --------- ---------------------- ----- -- - --------------------------- --- -- ------------ ------------------------------------- ----- -- - --------------------------- ---
在上面的代码中，第一个拦截器会拦截所有类型的错误；而第二个拦截器则只会拦截 CustomError 实例。
全局错误处理方式
我们可以使用 ohMyErrors.onError() 方法来设置全局错误处理方式，如下所示：
ohMyErrors.onError((err, req, res) => {
res.status(500).json({
message: 'Sorry, something went wrong!',
});
});在上面的代码中，我们定义了一个错误处理方式，当系统出现错误时，会返回 500 状态码以及一个 JSON 格式的错误信息。
结语
本文介绍了如何使用 npm 包 oh-my-errors。oh-my-errors 提供了多种错误处理方式，并且支持自定义错误类型和错误处理方式。通过使用 oh-my-errors，我们可以更好地完成前端错误处理的工作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055cd881e8991b448da768