Express异步异常处理(Async Error Handler)

Express处理异步异常

Express可以很好的处理同步的异常,即一旦有同步异常 throw err,则自动转化为:

js 复制代码
next(err)

以等待后续处理。

但是异步的异常就没办法自动了。如果没有特殊处理的话,它就直接报错了。

Express官方也提出解决方法了,就是要手动 next(err) 一下:

You must catch errors that occur in asynchronous code invoked by route handlers or middleware and pass them to Express for processing. For example:

javascript 复制代码
app.get('/', (req, res, next) => {
  setTimeout(() => {
    try {
      throw new Error('BROKEN')
    } catch (err) {
      next(err)
    }
  }, 100)
})

The above example uses a try...catch block to catch errors in the asynchronous code and pass them to Express. If the try...catch block were omitted, Express would not catch the error since it is not part of the synchronous handler code.

然而 try ... catch ... 并非唯一可以手动 next(err) 的途径,Promisecatch 也行。当然,Express官方也在下面提供了这一方法

Use promises to avoid the overhead of the try...catch block or when using functions that return promises. For example:

javascript 复制代码
app.get('/', (req, res, next) => {
  Promise.resolve().then(() => {
    throw new Error('BROKEN')
  }).catch(next) // Errors will be passed to Express.
})

Since promises automatically catch both synchronous errors and rejected promises, you can simply provide next as the final catch handler and Express will catch errors, because the catch handler is given the error as the first argument.

理论可行,那么就开始封装吧

封装

StackOverflow 中,Marcos Casagrande 的帖子 "Handling errors in express async middleware" (Jul 2018) 完美封装了这个异步异常处理器。感兴趣的朋友可以点击链接去看看。

以下是我对这个封装的理解:

首先 Mr.Casagrande 的代码如下:

js 复制代码
const asyncHandler = fn => (req, res, next) => {
    return Promise
        .resolve(fn(req, res, next))
        .catch(next);
};

module.exports = asyncHandler;

如果 fn 正常运行了,那么 catch 会 catch 个寂寞,从而跳过 catch 里面的 next

如果 fn 运行途中有报错,那么 catch 拿到这个 err,会调用回调函数 next 并将 err 作为第一个参数传入。而这个,正好是 Express 处理异常所需要的。

使用

使用的时候就直接把那个有可能有异步异常的异步函数给套起来就行了:

js 复制代码
app.get(
  '/your/api/path',
  asyncHandler(async (req, res, next) => {
    ... // 业务代码
  })
);

引用 References

相关推荐
垣宇3 小时前
Vite 和 Webpack 的区别和选择
前端·webpack·node.js
爱吃南瓜的北瓜4 小时前
npm install 卡在“sill idealTree buildDeps“
前端·npm·node.js
翻滚吧键盘4 小时前
npm使用了代理,但是代理软件已经关闭导致创建失败
前端·npm·node.js
hamburgerDaddy15 小时前
从零开始用react + tailwindcs + express + mongodb实现一个聊天程序(一)
express
浪九天5 小时前
node.js的版本管理
node.js
浪九天6 小时前
node.js的常用指令
node.js
浪九天9 小时前
Vue 不同大版本与 Node.js 版本匹配的详细参数
前端·vue.js·node.js
小纯洁w20 小时前
Webpack 的 require.context 和 Vite 的 import.meta.glob 的详细介绍和使用
前端·webpack·node.js
熬夜不洗澡21 小时前
Node.js中不支持require和import两种导入模块的混用
node.js
bubusa~>_<21 小时前
解决npm install 出现error,比如:ERR_SSL_CIPHER_OPERATION_FAILED
前端·npm·node.js