Express框架是由路由
和中间件
构成的一个web开发框架。
1. Express 中间件
中间件是Express 框架中的一个重要概念。中间件(Middleware)是一个函数,它可以访问请求对象req
, 响应对象 res
, 和 web 应用中处于请求-响应循环流程中的中间件,一般被命名为 next
的变量。
function(req,res,next){
// 处理...
next();
}
关于Express框架中间件的分类,官网有详细的讲解。Express 应用的中间件可以分为下面五种:
应用级中间件
eg: app.use() ,app.METHOD()路由级中间件
路由级中间件和应用级中间件一样,只是它绑定的对象为 express.Router()。
var router = express.Router();
路由级使用 router.use() 或 router.VERB() 加载。错误处理中间件
错误处理中间件和其他中间件定义类似,只是要使用 4 个参数,而不是 3 个,其签名如下: (err, req, res, next)。内置中间件
express.static(root, [options])
express.static
是 Express 唯一内置的中间件。它基于 serve-static,负责在 Express 应用中提托管静态资源。
app.use 加载用于处理http请求的middleware(中间件),当一个请求来的时候,会依次被这些 middlewares处理。
2.根据next()的工作原理,实现Express中间件执行流程
next()的工作原理
Express内部维护一个函数数组,这个函数数组表示在发出响应之前要执行的所有函数,也就是中间件数组。在使用app.use()的时候,会把中间函数放到中间件数组中,执行完毕后调用next()方法执行函数数组里的下一个函数,如果没有调用next()的话,就不会调用下一个函数了,也就是说调用就会被终止。
模仿一个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(8080, function () {
console.log('server listen in port 8080');
});
function mA(req, res, next) {
console.log('A before next()');
next();
console.log('A after next()');
}
function mB(req, res, next) {
console.log('B before next()');
next();
console.log('B after next()');
}
app.use(mA);
app.use(mB);
结果:
A before next()
B before next()
B after next()
A after next()
但是如果中间件中有异步操作,那么结果顺序就会发生相应的改变。如果想顺序执行,解决办法可参考koa2的洋葱圈模型。
多维度分析 Express、Koa 之间的区别