hello|hello express！ helloexpress！

前言
express是当下最热门的基于node.js 的web框架，它提供了一系列强大的特性：

路由
中间件
静态文件服务
模板
错误处理
params参数处理
query解析 ...等

本文主要介绍路由及中间件！
路由
首先我们要知道，express路由的使用方法

在app实例上调用

app.get('/', function (req, res, next) { console.log(1); next(); }, function (req, res, next) { console.log(11); next(); })app.get('/2', function (req, res, next) { console.log(2); next(); }, function (req, res, next) { console.log(3) next() }) -

【hello|hello express！】上述代码可见，我们发现有几个特点：

* 路由的处理函数可以有多个； * 路由的注册也可以有多个； * 调用next进入下一个处理函数或路由；

注册路由下边我们就来看下express是如何注册路由的：
源码目录:

文章图片
目录.png 首先在express.js源码中我们可以看到这样一句，说明app类继承proto(即application.js)

var proto = require('./application'); mixin(app, proto, false);

接着进入application中看到这样一个方法，并且在源码中多次调用；

// 看名字我们就知道这个是用来加载router的；并且将新建的router实例绑定到了this._router属性上； app.lazyrouter = function lazyrouter() { if (!this._router) { this._router = new Router({ caseSensitive: this.enabled('case sensitive routing'), strict: this.enabled('strict routing') }); this._router.use(query(this.get('query parser fn'))); this._router.use(middleware.init(this)); } };

接着下边看到这样的一段代码；

// methods其实是一个npm的包啦，包含了通用的method类型：get、post等// 下边代码可以看出循环在app中添加了多个属性get、post。。。 // 并且关键的是调用 app.get(); 函数体中实际是调用了this._router.get()methods.forEach(function(method){ app[method] = function(path){ if (method === 'get' && arguments.length === 1) { // app.get(setting) return this.set(path); }this.lazyrouter(); var route = this._router.route(path); route[method].apply(route, slice.call(arguments, 1)); return this; }; }) // 代码中可以看到

下边就是路由的重头戏了，进入到我们的Router文件中；

methods.concat('all').forEach(function(method){ proto[method] = function(path){ var route = this.route(path)// 最终调用的get方法 route[method].apply(route, slice.call(arguments, 1)); return this; }; }); * 看到这段代码是不是很熟悉，在application文件中有类似的代；那么这个就不难理解，在proto属性上添加了get、post等属性* proto又是什么呢，往上翻一下就可以看到啦，其实就是导出对象，并且将所有的属性继承到了router方法上* 这样我们就不难联想到，在application中调用的get方法其实是调用这里的get，那么我们来看它又做了什么; 它调用了this.route方法proto.route = function route(path) { var route = new Route(path); var layer = new Layer(path, { sensitive: this.caseSensitive, strict: this.strict, end: true }, route.dispatch.bind(route)); layer.route = route; this.stack.push(layer); return route; }; * 在route方法中新建了一个Route的实例(route)和一个Layer的实例(layer), * 将route挂载到layer上， * 将layer添加到Router的stack中 * 最后导出route上述代码分析可以知道，在router上添加了一个layer(层)，在layer存了一个route；并且Router中的get并不是最后的get方法

最后我们进入route文件中揭开路由的庐山真面目；

methods.forEach(function(method){ Route.prototype[method] = function(){ var handles = flatten(slice.call(arguments)); for (var i = 0; i < handles.length; i++) { var handle = handles[i]; var layer = Layer('/', {}, handle); layer.method = method; this.methods[method] = true; this.stack.push(layer); } return this; }; }); * 还是同样的配方(methods)，在route类的原型上添加了get、post等方法 * 调用get等方法，根据传递handle方法的数量循环在route的stack中添加多个层，每个方法对应一个层

结果大概是什么样的

文章图片
注册.png 路由的注册到这里就解释完成了，那么当请求来的时候它是如何调用handler呢？
路由调用：说到路由调用express既然是http框架，那么肯定是要先找到这段代码；

-- application.js -- app.listen = function listen() { var server = http.createServer(this); return server.listen.apply(server, arguments); }; * 熟悉nodejs的大家肯定知道 http.createServer()方法中传入的回调就是请求来时我们第一次调用的方法 * 那么只要找到这里传入的this就知道是处理请求的第一层调用了；很明显这里的this就我们的app，那app又是什么呢？下边的代码就告诉了我们；-- express.js -- var app = function(req, res, next) { app.handle(req, res, next); }; * 看到这里发现调用app方法，会调用app.handle()-- application.js -- app.handle = function handle(req, res, callback) { var router = this._router; var done = callback || finalhandler(req, res, { env: this.get('env'), onerror: logerror.bind(this) }); if (!router) { debug('no routes defined on app'); done(); return; } router.handle(req, res, done); }; * 在app.handle()方法中看到会调用this._router.handle，this._router相信大家都没有忘记；

router及route中handle处理请看下图：