 var connect = require("./lib/connect") ;

 var app = connect.createServer() ;

 app.use(connect.static(__dirname + "/public",{

    maxAge: 0 

})) ;

 app.use(function(req,res,next){

     res.end("Hello World !") ;

 })

 .listen(8888) ;

　　二，逐行分析：

　?。?），第一行，引入"connect"模塊，通過connect創(chuàng)建一個(gè)http|https server，提供http server的所有功能。

　　　　"connect"中間件允許你用多種方式創(chuàng)建"server"，　　　

復(fù)制代碼代碼如下:

var server = connect.createServer(

     connect.logger()

    , connect.static(__dirname + '/public')

) ; // 1

var app = connect() ;

app.use(function (req,res) {

    res.end("Hello，大雄君 !\n")  ;

}).listen(8888)  ; // 2

　　那么它是如何做的那，看源碼：

復(fù)制代碼代碼如下:

exports = module.exports = createServer ;

exports.createServer = createServer ;

　　將“createServer”掛載到全局的“exports”上，然后再擴(kuò)展一個(gè)“createServer”屬性再次掛載，目的是為了兼容原生的書寫形式，

達(dá)到了不同方式創(chuàng)建的目的。這也是大家在平時(shí)開發(fā)中可以借鑒的思想。

　?。?），再來看第二行"connect.createServer"，做了什么那，看如下源碼：

復(fù)制代碼代碼如下:

 var HTTPServer = require('./http').Server , 

 HTTPSServer = require('./https').Server ;

 function createServer() {

   if ('object' == typeof arguments[0]) {

     return new HTTPSServer(arguments[0], Array.prototype.slice.call(arguments, 1));

   } else {

     return new HTTPServer(Array.prototype.slice.call(arguments));

   }

 };

　　"HTTPSServer"和"HTTPServer"基本一致，只是"HTTPSServer"封裝的https的方法。在"createServer"的時(shí)候，同樣可以傳遞進(jìn)去一系列的中間件，和隨后引入的效果是一樣的，不過卻只能綁定到根目錄上。

　　（3），繼續(xù)看第三行"app.use()"，做了什么那，看如下源碼：　　

復(fù)制代碼代碼如下:

 var Server = exports.Server = function HTTPServer(middleware) {

   this.stack = [];

   middleware.forEach(function(fn){

     this.use(fn);

   }, this);

   http.Server.call(this, this.handle);

 };

 /**

  * Inherit from `http.Server.prototype`.

  */

 Server.prototype.__proto__ = http.Server.prototype;

　　“connect"是原型繼承于"http server"的，它會(huì)用use到的中間件替換掉server的requestListener。

　　通過"connect.use(route, handle)"來對(duì)每一個(gè)路由添加中間件，這些中間件"handle"會(huì)與"route"綁定保存在一個(gè)"stack"里面，每次有"request"請(qǐng)求的時(shí)候，

　　遍歷這個(gè)堆，找到對(duì)應(yīng)"route"的"handle"，執(zhí)行"handle"，如果"handle"最后調(diào)用了"next()",就會(huì)繼續(xù)尋找并執(zhí)行下一個(gè)匹配的"handle"。

　　通過封裝"handle"，可以很容易的在"connect"基礎(chǔ)上添加更多的"middleware"。

?。?），最后看看"listen(8888)"，它做些什么工作那？

　　　　很簡單，通過繼承底層的Server對(duì)象，賦予了"listen"的功能，監(jiān)聽特定端口。

　　　　Server.prototype.__proto__ = http.Server.prototype

　以下是”connect.js“的全部源碼，為了節(jié)省篇幅，注釋已全部刪掉，如下圖：

　　補(bǔ)充一下：

復(fù)制代碼代碼如下:

 fs.readdirSync(__dirname + '/middleware').forEach(function(filename){

   if (/\.js$/.test(filename)) {

     var name = filename.substr(0, filename.lastIndexOf('.'));

     exports.middleware.__defineGetter__(name, function(){

       return require('./middleware/' + name);

     });

   }

 });

　　將"middleware"對(duì)象"exports"，然后循環(huán)定義給"middleware"對(duì)象一種方法，這種方法是直接加載 "middleware" 文件夾中的.js文件模塊。

利用："exports.utils.merge(exports, exports.middleware)" 這句話將middleware中的方法直接exports了。

三，總結(jié)一下：

　　?。?），理解源碼的設(shè)計(jì)意圖，有助于在應(yīng)用上得到最大化的收獲。

　　?。?），看源碼時(shí)，理解流程再去扣語法細(xì)節(jié)。

　　　（3），借鑒源碼中的巧妙實(shí)現(xiàn)思想，但不要過渡設(shè)計(jì)，為了設(shè)計(jì)而設(shè)計(jì)。

　　　（4），明天繼續(xù)分析相關(guān)中間件，不斷更新中。。。。。。

您可能感興趣的文章: