最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

nodejs操作express中的next

来源:动视网 责编:小采 时间:2020-11-27 19:54:20
文档

nodejs操作express中的next

nodejs操作express中的next:这次给大家带来nodejs操作express中的next,nodejs操作express中next的注意事项有哪些,下面就是实战案例,一起来看一下。相信很多人对于nodejs对express中next不是很了解,大多数人不知道其中的next有什么作用,在什么情况下使用,今天文章中就给大家详细介
推荐度:
导读nodejs操作express中的next:这次给大家带来nodejs操作express中的next,nodejs操作express中next的注意事项有哪些,下面就是实战案例,一起来看一下。相信很多人对于nodejs对express中next不是很了解,大多数人不知道其中的next有什么作用,在什么情况下使用,今天文章中就给大家详细介


这次给大家带来nodejs操作express中的next,nodejs操作express中next的注意事项有哪些,下面就是实战案例,一起来看一下。

相信很多人对于nodejs对express中next不是很了解,大多数人不知道其中的next有什么作用,在什么情况下使用,今天文章中就给大家详细介绍下其使用方法,感兴趣的一起来了解下。

最近公司在使用node做前后端分离,采用的web框架是express,所以对express框架进行了深入的了解,前段时间写了篇关于express路由的文章,但是在那篇文章中貌似少了一个很重要的内容,就是express的next,所以今天单独来说说express的next。

关于next主要从三点来进行说明:

  • next的作用是什么?

  • 我们应该在何时使用next?

  • next的内部实现机制是什么?
  • Next的作用

    我们在定义express中间件函数的时候都会将第三个参数定义为next,这个next就是我们今天的主角,next函数主要负责将控制权交给下一个中间件,如果当前中间件没有终结请求,并且next没有被调用,那么请求将被挂起,后边定义的中间件将得不到被执行的机会。

    何时使用Next

    从上边的描述我们已经知道,next函数主要是用来确保所有注册的中间件被一个接一个的执行,那么我们就应该在所有的中间件中调用next函数,但有一个特例,如果我们定义的中间件终结了本次请求,那就不应该再调用next函数,否则就可能会出问题,我们来看段代码

    app.get('/a', function(req, res, next) {
     res.send('sucess');
     next();
    });
    // catch 404 and forward to error handler
    app.use(function(req, res, next) {
     console.log(404);
     var err = new Error('Not Found');
     err.status = 404;
     next(err);
    });
    app.use(function(err, req, res, next) {
     res.status(err.status || 500);
     res.render('error', {
     message: err.message,
     error: {}
     });
    });

    发送请求"/a",控制台打印日志如下:

    404
    GET /a 500 6.837 ms - -
    Error: Can't set headers after they are sent.
     at ServerResponse.OutgoingMessage.setHeader (_http_outgoing.js:345:11)

    为什么代码会抛异常呢,就是因为我们在res.send之后调用了next函数,虽然我们本次的请求已经被终止,但后边的404中间件依旧会被执行,而后边的中间件试图去向res的headers中添加属性值,所以就会抛出上边的异常。

    读到这你可能会有个疑问,如果我不在res.send后边调用next函数,那后边定义的404中间件是不是永远都不会被执行到。现在我们删除res.send后边next函数调用,发送请求"/xxx",我们就会发现404中间件被执行了,(ㄒoㄒ),这不是和我们之前说的矛盾了吗,我们的自定义中间件没有调用next,但后边定义的中间件仍旧被执行了,这究竟是为什么呢。看来只能求助源码了~~~

    Next的内部机制

    function next(err) {
     ... //此处源码省略
     // find next matching layer
     var layer;
     var match;
     var route;
     while (match !== true && idx < stack.length) {
     layer = stack[idx++];
     match = matchLayer(layer, path);
     route = layer.route;
     if (typeof match !== 'boolean') {
     // hold on to layerError
     layerError = layerError || match;
     }
     if (match !== true) {
     continue;
     }
     ... //此处源码省略
     }
     ... //此处源码省略
     // this should be done for the layer
     if (err) {
     layer.handle_error(err, req, res, next);
     } else {
     layer.handle_request(req, res, next);
     }
     }

    上边就是express中next的源码,为了更容易说明问题,对代码进行了删减。从上边的源码可以发现,next函数内部有个while循环,每次循环都会从stack中拿出一个layer,这个layer中包含了路由和中间件信息,然后就会用layer和请求的path就行匹配,如果匹配成功就会执行layer.handle_request,调用中间件函数。但如果匹配失败,就会循环下一个layer(即中间件)。

    现在我们就能解释上边提出的问题了,为什么我们的自定义中间件中没调用next函数,但后边的404中间件仍旧会被执行到,因为我们请求的"/xxx"匹配不到我们注册的"/a"路由中间件,所以while循环会继续往下执行,匹配404中间件成功,所以会执行404中间件。

    注意:app.use注册的中间件,如果path参数为空,则默认为"/",而path为"/"的中间件默认匹配所有的请求。

    有一点需要特别指出,其实我们在定义路由中间件的时候函数的第三个参数next和我们定义非路由中间件的函数的第三个参数next不是同一个next,我们在上边看到的是非路由中间件的next,而路由中间件的next函数是这样的

    function next(err) {
     if (err && err === 'route') {
     return done();
     }
     var layer = stack[idx++];
     if (!layer) {
     return done(err);
     }
     if (layer.method && layer.method !== method) {
     return next(err);
     }
     if (err) {
     layer.handle_error(err, req, res, next);
     } else {
     layer.handle_request(req, res, next);
     }
     }

    这个next比上边的那个next要简单很多,它负责同一个路由的多个中间件的控制权的传递,并且它会接收一个参数"route",如果调用next(“route”),则会跳过当前路由的其它中间件,直接将控制权交给下一个路由。

    最后有必要再说一说next(err),next(err)是如何将控制权传递到错误处理中间件的,从前边的代码我们知道,当调用next(err)是,express内部会调用layer.handle_error,那我们来看看它的源码

    Layer.prototype.handle_error = function handle_error(error, req, res, next) {
     var fn = this.handle;
     if (fn.length !== 4) {
     // not a standard error handler
     return next(error);
     }
     try {
     fn(error, req, res, next);
     } catch (err) {
     next(err);
     }
    };

    代码中的fn就是中间件函数,express会对fn的参数个数进行判断,如果参数个数不等于4则认为不是错误处理中间件,则继续调用next(err),这样就会进入到下一个中间件函数,继续进行参数个数判断,如此方式一直到某个中间件函数的参数个数是4,就认为找到了错误处理中间件,然后执行此中间件函数。

    相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

    推荐阅读:

    Express Session实现登录验证功能(附代码)

    js面向对象深入理解

    文档

    nodejs操作express中的next

    nodejs操作express中的next:这次给大家带来nodejs操作express中的next,nodejs操作express中next的注意事项有哪些,下面就是实战案例,一起来看一下。相信很多人对于nodejs对express中next不是很了解,大多数人不知道其中的next有什么作用,在什么情况下使用,今天文章中就给大家详细介
    推荐度:
    标签: js express Nodejs
    • 热门焦点

    最新推荐

    猜你喜欢

    热门推荐

    专题
    Top