Express app.listen 函数了解

最近一直在学习如何用原生的 Node.js 来做一个网站。在写的同时也在学习 Express 源码。

一直觉得 Express 开启服务器的方法挺有趣的，就看了一下。

在 Express 运行的时候会默认运行根目录下的 index.js，里面的源码也很简单：

module.exports = require('./lib/express');

看到其实运行了

lib/express

模块，追踪过去，看到了：

exports = module.exports = createApplication;

导出了

createApplication

这个方法：

function createApplication() {
var app = function(req, res, next) {
app.handle(req, res, next);
};

mixin(app, EventEmitter.prototype, false);
mixin(app, proto, false);

app.request = { __proto__: req, app: app };
app.response = { __proto__: res, app: app };
app.init();
return app;
}

首先定义了一个方法

app

，方法有三个参数

req

，

res

，

next

。然后在这个函数里面又执行了

app.handle

这个函数，这个函数后面说说，涉及到了路由。同时还涉及到了创建服务器函数，下面继续。

再往下看看，会看到

mixin

这个函数，在最上面引入模块的时候，定义了这个函数名：

var EventEmitter = require('events').EventEmitter;
var mixin = require('merge-descriptors');
var proto = require('./application');
var Route = require('./router/route');
var Router = require('./router');
var req = require('./request');
var res = require('./response');

mixin

这个函数是引用了

merge-descriptors

模块，嗯，到

node_module

里面找找，或者到

github

里面找找也可以。

看源码，如果对原生JS的函数不是很熟悉的话，根本看不懂...不过我们可以到

MDN

里面查查，地址懒的贴。我也懒得去介绍里面的各种函数，这个模块的作用和

jQuery

里面的

$.extent

其实是一模一样的，将第二个参数的属性和属性值合并到第一个参数中，第三个参数如果是

false

则如果两个参数里面有属性一样，不允许覆盖，如果是

true

，则覆盖第一个参数属性。

由此可见：

mixin(app, EventEmitter.prototype, false);
mixin(app, proto, false);

这两句话就很好懂了，就是将

EventEmitter.prototype

和

proto

的属性克隆给

app

。

这里看到

proto

肯定也很郁闷...这玩意从哪里来的...还是往上面看：

var proto = require('./application');

额...又是一个模块，继续追踪，第一句话：

var app = exports = module.exports = {};

唉哟，又看到了

app

，这

express

命名也是有趣，都是

app

。我再看的时候也很郁闷，完全会看混淆。继续往下看，原来这个模块的作用就是给

app

添加了各种属性和函数，各种核心函数...各种看不懂的函数...

这里我们找到我们希望看到的一个

listen

这个函数：

app.listen = function listen() {
var server = http.createServer(this);
return server.listen.apply(server, arguments);
};

好烦哟...又碰到看不懂的了，尼玛

this

是什么鬼！！！！我们从 Node.js 的 API 手册可以看到啊，明明官方都说了：

The requestListener is a function which is automatically added to the 'request' event.

this

这个参数的位置明明应该是一个函数啊，但是在

application

里面我们看到的

app

很显然就是一个

{}

对象啊，尼玛，怎么可能是一个

Function

?

好吧，没办法，我们

console.log(this)

试试，看看返回的是什么：

{ [Function]
domain: undefined,
_events: { mount: [Function: onmount] },
_maxListeners: undefined,
setMaxListeners: [Function: setMaxListeners],
getMaxListeners: [Function: getMaxListeners],
emit: [Function: emit],
addListener: [Function: addListener],
on: [Function: addListener],
once: [Function: once],
removeListener: [Function: removeListener],
removeAllListeners: [Function: removeAllListeners],
listeners: [Function: listeners],
listenerCount: [Function: listenerCount],
init: [Function: init],
defaultConfiguration: [Function: defaultConfiguration],
lazyrouter: [Function: lazyrouter],
handle: [Function: handle],
use: [Function: use],
route: [Function: route],
...

第一句居然是

Function

，是什么鬼？什么时候变成了

Function

，仔细看一下，我们发现里面好像有

EventEmitter.prototype

的属性：

EventEmitter {
domain: undefined,
_events: undefined,
_maxListeners: undefined,
setMaxListeners: [Function: setMaxListeners],
getMaxListeners: [Function: getMaxListeners],
emit: [Function: emit],
addListener: [Function: addListener],
on: [Function: addListener],
once: [Function: once],
removeListener: [Function: removeListener],
removeAllListeners: [Function: removeAllListeners],
listeners: [Function: listeners],
listenerCount: [Function: listenerCount] }

哎哟，不错哟，貌似发现了新大陆...明明在

application

这个模块没有添加这个属性啊，从哪里加的？这个时候我们应该顺其自然的想到了：

mixin(app, EventEmitter.prototype, false);

这句话，好像很突然的想到似的...是否在想明明在

express

这个模块加的，为啥在

application

里面会添加进去？OK，到了我们最关键的时候了，我们应该把

Express

的执行顺序理清楚了：

在 CMD 或者 终端 执行：node app

在我们自己写的

app.js

文件中执行

express()

,这里就开始运行

express

模块了。

进去

express

模块，运行

index.js

从

index.js

进去

lib/express.js

在

express.js

中执行

createApplication

在

createApplication

中首先定义了一个

app

的函数，其实刚才我们

console.log(this)

的时候，

this

返回的就是这个

app

函数

然后通过

mixin(app, EventEmitter.prototype, false);mixin(app, proto, false);

将

EventEmitter.prototype

、

proto

里面的属性全部都加到

app

这个函数里面

执行

app.request

、

app.response

这两个就是将重新定义的

request

、

response

加到

app

里面，这两个以后再说

继续执行

app.init();

，这句话就简单了啊，

init

这个函数在

application.js

模块中，主要作用就是给

app

加一些初始化设置

最后返回

app

在我们自己写的

app.js

文件中获取到返回的

app

，准备创建服务器

app.listen(3000)

开始执行

app.listen

这个函数，在

app

中找到

listen

，这个函数在

express.js

中已经从

proto

克隆到了

app

上了，所以，我们直接到

proto

中找

listen

，也就是

application.js

中去找，找到之后就回到了我们最开始的问题：

var server = http.createServer(this);

，

this

是什么？？？？看到这里，其实我们已经知道了，

this

其实就是

var app = function(req,res,next){}

，OK到这里就结束了...

这么晚写这文章，感觉写了一大坨废话...最后的执行顺序才是我最想说的