express初体验

最新推荐文章于 2017-09-10 01:20:00 发布

YoungZhang08

最新推荐文章于 2017-09-10 01:20:00 发布

阅读量381

点赞数

分类专栏： express中间件文章标签： express中间件

本文链接：https://blog.csdn.net/qq_35414305/article/details/75102672

版权

express中间件专栏收录该内容

1 篇文章 0 订阅

订阅专栏

express中间件原理及实现——初体验

之前看node大概了解了一些基本代码段，最近重新拿起来学习，就先了解了一下express框架，因为express是一个简洁、灵活的基于node的web应用开发框架，提供了很多的强大特性，所以，就express的工作原理，作以下的初步了解：

一.中间件结构

app.use([path],function)

path:是路由的url,默认参数是’/’,意义是路由到这个路径时使用这个中间件

function:中间件函数，可以理解为

function(req,res,next){
        //TODO  
        //执行完TODO之后调用下一个函数
        next();   //next() 函数用于将当前控制权转交给下一步处理,如果给 next() 传递一个参数时，表示出错信息
}

二.使用express中间件

express中间件（middleware）的实现是使用app.use()，或许用加载更合适。也就是app.use()用于加载处理http请求的middleware，而middleware[其实就是一个函数，是在响应之前要执行的操作]也都是有执行顺序的，也就是你自己定义的顺序。一个请求过来，会依次被middleware处理。

express中间件的使用——

var express = require('express');

var app = express();
app.listen(3004,function () {
    console.log('listen 3004...');
});

function middlewareA(req,res,next) {
    console.log('middlewareA before next()');
    next();
    console.log('middlewareA after next()');
}

function middlewareB(req,res,next) {
    console.log('middlewareB before next()');
    next();
    console.log('middlewareB after next()');
}

function middlewareC(req,res,next) {
    console.log('middlewareC before next()');
    next();
    console.log('middlewareC after next()');
}

app.use(middlewareA);
app.use(middlewareB);
app.use(middlewareC);

运行结果：

这里写图片描述

理解：next把控制权交给下一个中间件，但是函数本身的代码要按顺序执行，也就是相当于在一个函数中调用另一个函数，当被调用的函数执行完毕后，调用函数如果还有未执行完的代码则继续执行。

三.实现简单的express中间件

/**
 * Created by lenovo on 2017/7/14.
 * 仿照express实现中间件的功能
 * */

var http = require('http');

/*
 * 仿照express实现中间件机制
 * @return {app}
 * */

function express() {
    var funcs = [];   //待执行的函数数组
    //函数数组表示在发出响应之前要执行的所有函数，也就是中间件数组
    var app = function(req,res){
        var i = 0;

        function next() {
            var task = funcs[i++]; //取出函数数组里的下一个函数
            if(!task){   //如果函数不存在，return
                return;
            }
            task(req,res,next);   //否则，执行下一个函数
        }

        next();
    };

    /*
     * use方法就是把函数添加到函数数组中去
     * @param task
     * */
    app.use = function(task){
        funcs.push(task);
    };

    return app;  //返回实例
}

//测试
var app = express();
http.createServer(app).listen('2000',function () {
    console.log('listening 2000...');
});

function middlewareA(req, res, next) {
    console.log('middlewareA before next()');
    next();
    console.log('middlewareA after next()');
}

function middlewareB(req, res, next) {
    console.log('middlewareB before next()');
    next();
    console.log('middlewareB after next()');
}

function middlewareC(req, res, next) {
    console.log('middlewareC before next()');
    next();
    console.log('middlewareC after next()');
}

app.use(middlewareA);
app.use(middlewareB);
app.use(middlewareC);