入門作者manuel kiessling翻譯gothe beginner book中文版

Node入關(guān)本書致力于教會你如何用Node.js來開發(fā)應(yīng)用，過程中會傳授你所有所需的“高級Node入關(guān)本書致力于教會你如何用Node.js來開發(fā)應(yīng)用，過程中會傳授你所有所需的“高級at知識。本書絕不是一本“HelloWorld”的教程。作者Manuel翻譯goddyzhao&GrayZhang&狀你正在閱讀的已經(jīng)是本書的最終版。因此，只有當進行錯誤更正以及針對新版本Node.js動進行對應(yīng)的修正時，才會進行更新。本書中的代碼案例都在 讀者對本書最適合與我有相似技術(shù)背景的讀者：至少對一門諸如Ruby、Python、PHP或者Java這樣這里指的適合對其他編程語言有一定經(jīng)驗的開發(fā)者，意思是說，本書不會對諸如數(shù)據(jù)類型、變量、控制結(jié)構(gòu)等等之類非?；A(chǔ)的概念作介紹。要讀懂本書，這些基礎(chǔ)的概念我都默認你已經(jīng)會了。然而，本書還是會對JavaScript中的函數(shù)和對象作詳細介紹，因為它們與其他同類編程語言中的函數(shù)和對象有很大的不同。本書結(jié)讀完本書之后，你將完成一個完整的web當然了，應(yīng)用本身并沒有什么了不起的，相比為了實現(xiàn)該功能書寫的代碼本身，我們更關(guān)注的是如何創(chuàng)建一個框架來對我們應(yīng)用的不同模塊進行干凈地剝離。是不是很玄乎？稍后你就明白了。本書先從介紹在Node.js環(huán)境中進行JavaScript開發(fā)和在瀏覽器環(huán)境中進行JavaScript異開始。World”應(yīng)用，這也是最基礎(chǔ)的Node.js可以確保的是，在這過程中，大家會學到JavaScrip可以確保的是，在這過程中，大家會學到JavaScript中一些高級的概念、如何使用它們以及為什么使用這些概念就可以實現(xiàn)而其他編程語言中同類的概念就無法實現(xiàn)。本書Github目關(guān)狀讀者對本書結(jié)JavaScript與服務(wù)器端“Hello一個完整的基于Node.js的web應(yīng)用應(yīng)用不同模塊分構(gòu)建應(yīng)用的模進行函數(shù)傳如何來進行請求的“路由行為驅(qū)動執(zhí)行為驅(qū)動執(zhí)以非阻塞操作進行請求響更有用的場處理POST請?zhí)幚砦募峡偨Y(jié)與展JavaScript與JavaScript與拋開技術(shù)，我們先來聊聊你以及你和JavaScript的關(guān)系。本章的主要目的是想讓你看看，對你而言是否有必要繼續(xù)閱讀后續(xù)章節(jié)的內(nèi)容。而你真正想要的是“干貨”，你想要知道如何構(gòu)建復雜的web站點——于是，你學習了一種與此同時，你還始終關(guān)注著JavaScript，隨著通過一些對jQuery，Prototype紹，你慢慢了解到了很多JavaScript中的進階技能，同時也感受到了JavaScript絕非僅僅是window.open()那么簡單。.不過，這些畢竟都是前端技術(shù)，盡管當想要增強頁面的時候，使用jQuery總讓你覺得很爽，但到最后，你頂多是個JavaScript用戶，而非JavaScript開發(fā)者。然后，出現(xiàn)了Node.js，服務(wù)端的JavaScript，于是，你覺得是時候該重新拾起既熟悉又陌生的JavaScript了。但是別急，寫Node.js件事情；理解為什么它們要以它們書寫的這種方式來書寫則意味著——你要懂JavaScript次是玩真的了。問題來了：件事情；理解為什么它們要以它們書寫的這種方式來書寫則意味著——你要懂JavaScript次是玩真的了。問題來了：由于JavaScript真正意義上以兩種，甚至可以說是三種形態(tài)存在（從中世紀90年代的作為對DHTML進行增強的小玩具，到像jQuery那樣嚴格意義上的前端技術(shù)，一直到現(xiàn)在的服務(wù)端技術(shù)），因此，很難找到一個“正確”的方式來學習JavaScript，使得讓你書寫Ns應(yīng)用的時候感覺自己是在真正開發(fā)它而不僅僅是使用它。因為這就是關(guān)鍵：你本身已經(jīng)是個有經(jīng)驗的開發(fā)者，你不想通過到處尋找各種解決方案（其中當然了，外面不乏很優(yōu)秀的學習JavaScript的文章。但是，有的時候光靠那些文章是遠遠不夠的。你需要的是指導。簡短申業(yè)界有非常優(yōu)秀的JavaScript我就是上一節(jié)中描述的那個我。我熟悉如何開發(fā)后端web應(yīng)用，但是對“真正”的JavaScript以及Node.js，我都只是新手。我也只是最近學習了一些JavaScript的高級概念，并沒有實踐經(jīng)驗。如果成功的話，那么本書就是我當初開始學習Node.js服務(wù)端JavaScript是一門“完整”的語言：它可以使用在不同的上下文中，其能力與其他同類語言相Node.js事實上就是另外一種上下文，它允許在后端（脫離瀏覽器環(huán)境）運行JavaScript要實現(xiàn)在后臺運行JavaScript代碼，代碼需要先被解釋然后正確的執(zhí)行。Node.js此，它使用了Google的V8虛擬機（Google的Chrome瀏覽器使用的JavaScript執(zhí)行環(huán)境），來解釋和執(zhí)行JavaScript除此之外，伴隨著Node.js的還有許多有用的模塊，它們可以簡化很多重復的勞作，比如向終端輸出字符串。因此，Node.js要使用Node.js,首先需要進行安裝。關(guān)于如何安裝來解釋和執(zhí)行JavaScript除此之外，伴隨著Node.js的還有許多有用的模塊，它們可以簡化很多重復的勞作，比如向終端輸出字符串。因此，Node.js要使用Node.js,首先需要進行安裝。關(guān)于如何安裝Node.js，這里就不贅述了，可以直接參考官方的安裝指南。安裝完成后，繼續(xù)回來閱讀本書下面的內(nèi)容。“Hello World”保存該文件，并通過Node.js正常的話，就會在終端輸出HelloWorld一個完整的基于Node.js的web用nodeconsole.log("Hello當用戶請求http://domain/start時，可以看到一個歡迎頁面，頁面上有一個文件上傳的表單。用戶可以選擇一個圖片并提交表單，隨后文件將被上傳到h當用戶請求http://domain/start時，可以看到一個歡迎頁面，頁面上有一個文件上傳的表單。用戶可以選擇一個圖片并提交表單，隨后文件將被上傳到http://domain/upload面完成上傳后會把圖片顯示在頁面上。差不多了，你現(xiàn)在也可以去Google一下，找點東西亂搞一下來完成功能。但是我們現(xiàn)在先不做這個。應(yīng)用不同模塊分我們需要提供Web頁面，因此需要一個HTTP個路由，用于把請求對應(yīng)到請求處理程序（requesthandler）我們先來想想，使用PHP的話我們會怎么構(gòu)建這個結(jié)構(gòu)。一般來說我們會用一個ApacheHTTP不過對Node.js來說，概念完全不一樣了。使用Node.js時，我們不僅僅在實現(xiàn)一個應(yīng)用，同時還實現(xiàn)了整個HTTP服務(wù)器。事實上，我們的Web應(yīng)用以及對應(yīng)的Web服務(wù)器基本上是一樣的。聽起來好像有一大堆活要做，但隨后我們會逐漸意識到，對Node.js來說這并不是什么麻煩的事。構(gòu)建應(yīng)用的模一個基礎(chǔ)的HTTP構(gòu)建應(yīng)用的模一個基礎(chǔ)的HTTP服務(wù)當我準備開始寫我的第一個“真正的”Node.js應(yīng)用的時候，我不但不知道怎么寫Node.js代碼，也不知道怎么組織這些代碼。我應(yīng)該把所有東西都放進一個文件里嗎？網(wǎng)上有很多教程都會教你把所有的邏輯都放進一個用Node.js寫的基礎(chǔ)HTTP服務(wù)器里。但是如果我想加入更多的內(nèi)容，同時還想保持代碼的可讀性呢？這種方法允許你擁有一個干凈的主文件（mainfile），你可以用Node.js執(zhí)行它；同時你可以那么，現(xiàn)在我們來創(chuàng)建一個用于啟動我們的應(yīng)用的主文件，和一個保存著我們的HTTP碼的模塊。在我的印象里，把主文件叫做inde.js或多或少是個標準格式。把服務(wù)器模塊放進叫server.js的文件里則很好理解。讓我們先從服務(wù)器模塊開始。在你的項目的根目錄下創(chuàng)建一個叫server.js的文件，并寫入以下代碼：搞定！你剛剛完成了一個可以工作的HTTP服務(wù)器。為了證明這一點，我們來運行并且測試這段代碼。首先，用Node.js執(zhí)行你的腳本：接下來，打開瀏覽器訪問http://localhost:8888/，你會看到一個寫著“HelloWorld”的網(wǎng)nodevarhttp=require("http")?response.write("HelloWorld")?這很有趣，不是嗎？讓我們先來談?wù)凥TTP服務(wù)器的問題，把如何組織項目的事情先放一邊吧，你覺得如何？我保證之后我們會解決那個問題的。分析HTTP服務(wù)第一行請求（require）Node.js自帶的http這很有趣，不是嗎？讓我們先來談?wù)凥TTP服務(wù)器的問題，把如何組織項目的事情先放一邊吧，你覺得如何？我保證之后我們會解決那個問題的。分析HTTP服務(wù)第一行請求（require）Node.js自帶的http模塊，并且把它賦值給http變量。接下來我們調(diào)用http模塊提供的函數(shù)：createServer。這個函數(shù)會返回一個對象，這個對象有一個叫做listen的方法，這個方法有一個數(shù)值參數(shù)，指定這個HTTP服務(wù)器監(jiān)聽的端口號。咱們暫時先不管http.createServer的括號里的那個函數(shù)定義。這段代碼只會啟動一個偵聽8888端口的服務(wù)器，它不做任何別的事情，甚至連請求都不會應(yīng)答。createSever()的第一個參數(shù)，一個函數(shù)定義。實際上，這個函數(shù)定義是createServer()的第一個也是唯一一個參數(shù)。因為在JavaScript中，進行函數(shù)傳function{}functionexecute(someFunction,{varhttp=請仔細閱讀這段代碼！在這里，我們把say函數(shù)作為execute函數(shù)的第一個變量進行了傳遞。這里返回的不是say的返回值，而是say本身！sayexecutesomeFunction，execute可以通過調(diào)用someFunction()（帶括號的形式）來使用say函數(shù)。當然，因為請仔細閱讀這段代碼！在這里，我們把say函數(shù)作為execute函數(shù)的第一個變量進行了傳遞。這里返回的不是say的返回值，而是say本身！sayexecutesomeFunction，execute可以通過調(diào)用someFunction()（帶括號的形式）來使用say函數(shù)。當然，因為say有一個變量，execute在調(diào)用someFunction我們在execute接受第一個參數(shù)的地方直接定義了我們準備傳遞給execute的函數(shù)。用這種方式，我們甚至不用給這個函數(shù)起名字，這也是為什么它被叫做匿名函數(shù)這是我們和我所認為的“進階”JavaScript的第一次親密接觸，不過我們還是得循序漸進?，F(xiàn)在，我們先接受這一點：在JavaScript中，一個函數(shù)可以作為另一個函數(shù)接收一個參數(shù)。我們可以先定義一個函數(shù)，然后傳遞，也可以在傳遞參數(shù)的地方直接定義函數(shù)。函數(shù)傳遞是如何讓HTTP服務(wù)器工作varhttp=require("http")?response.write("HelloWorld")?functionexecute(someFunction,{}execute(function(word){console.log(word)},}execute(say,現(xiàn)在它看上去應(yīng)該清晰了很多：我們向createServer函數(shù)傳遞了一個匿名函數(shù)。基于事件驅(qū)動的現(xiàn)在它看上去應(yīng)該清晰了很多：我們向createServer函數(shù)傳遞了一個匿名函數(shù)?；谑录?qū)動的回這個問題可不好回答（至少對我來說），不過這是Node.js原生的工作方式。它是事件驅(qū)動的，這也是它為什么這么快的原因。你也許會想花點時間讀一下FelixGeisend?rfer的大作Understandingnode.js，它介紹了一些這一切都歸結(jié)于“Node.js是事件驅(qū)動的”這一事實。好吧，其實我也不是特別確切的了解這句話的意思。不過我會試著解釋，為什么它對我們用Node.js寫網(wǎng)絡(luò)應(yīng)用（Webbasedapplication）是有意義的。當我們使用http.createServer方法的時候，我們當然不只是想要一個偵聽某個端口的服務(wù)寫PHP應(yīng)用的時候，我們一點也不為此擔心：任何時候當有請求進入的時候，網(wǎng)頁服務(wù)器（通常是Apache）就為這一請求新建一個進程，并且開始從頭到尾執(zhí)行相應(yīng)的PHP腳本。那么在我們的Node.js程序中，當一個新的請求到達8888嗯，這就是Node.js/JavaScript的事件驅(qū)動設(shè)計能夠真正幫上忙的地方了——雖然我們還得學一些新概念才能掌握它。讓我們來看看這些概念是怎么應(yīng)用在我們的服務(wù)器代碼里的。varhttp=functiononRequest(request,{response.writeHead(200,{"Content-Type":}這個就是傳說中的回調(diào)。我們給某個方法傳遞了一個函數(shù)，這個方法在有相應(yīng)事件發(fā)生時調(diào)用這個函數(shù)來進行回調(diào)。至少對我來說，需要一些功夫才能弄懂它。你如果還是不太確定的話就再去讀讀Felix這個就是傳說中的回調(diào)。我們給某個方法傳遞了一個函數(shù)，這個方法在有相應(yīng)事件發(fā)生時調(diào)用這個函數(shù)來進行回調(diào)。至少對我來說，需要一些功夫才能弄懂它。你如果還是不太確定的話就再去讀讀Felix章。讓我們再來琢磨琢磨這個新概念。我們怎么證明，在創(chuàng)建完服務(wù)器之后，即使沒有HTTP來、我們的回調(diào)函數(shù)也沒有被調(diào)用的情況下，我們的代碼還繼續(xù)有效呢？我們試試這個：注意：在onRequest（我們的回調(diào)函數(shù)）觸發(fā)的地方，我用console.log輸出了一段文本。當我們與往常一樣，運行它nodeserver.js時，它會馬上在命令行上輸出“Serverhasstarted.”。當我們向服務(wù)器發(fā)出請求（在瀏覽器訪問http://localhost:8888/），“Request這就是事件驅(qū)動的異步服務(wù)器端JavaScriptreceived.”http://localhost:8888http://localhost:8888/favicon.ico)varhttp=functiononRequest(request,{console.log("Requestreceived.")?response.write("HelloWorld")?}console.log("Serverhasstarted.")?服務(wù)器是如何處理請求onRequest()的主體部分。服務(wù)器是如何處理請求onRequest()的主體部分。onRequest()requestresponse。它們是對象，你可以使用它們的方法來處理HTTP請求的細節(jié)，并且響應(yīng)請求（的瀏覽器發(fā)回一些東西）。所以我們的代碼就是：當收到請求時，使用response.writeHead()函數(shù)發(fā)送一個HTTP狀態(tài)200和HTTP頭的內(nèi)容類型（content-type），使用response.write()函數(shù)在HTTP相應(yīng)主體中發(fā)送文本“HelloWorld"。最后，我們調(diào)用response.end()完成響應(yīng)。目前來說，我們對請求的細節(jié)并不在意，所以我們沒有使用request對象。服務(wù)端的模塊放在哪server.js文件中有一個非常基礎(chǔ)的HTTP服務(wù)器代碼，而且我提到通常我們會有一個叫index.js的文件去調(diào)用應(yīng)用的其他模塊（比如server.js中的HTTP服務(wù)器模塊）來引導和啟動應(yīng)用。我們現(xiàn)在就來談?wù)勗趺窗裺erver.js變成一個真正的Node.js模塊，使它可以被我們（還沒動工）的index.js主文件使用。Node.js中自帶了一個叫做“http”的模塊，我們在我們的代碼中請求它并把返回值賦給一個本地變量。這把我們的本地變量變成了一個擁有所有http模塊所提供的公共方法的對象。varhttp=很好，怎么使用Node.js內(nèi)部模塊已經(jīng)很清楚了。我們怎么創(chuàng)建自己的模塊，又怎么使用它呢？等我們把server.js的部分導出到請求這個模塊的腳本。很好，怎么使用Node.js內(nèi)部模塊已經(jīng)很清楚了。我們怎么創(chuàng)建自己的模塊，又怎么使用它呢？等我們把server.js的部分導出到請求這個模塊的腳本。目前，我們的HTTP服務(wù)器需要導出的功能非常簡單，因為請求服務(wù)器模塊的腳本僅僅是需要啟動服務(wù)器而已。這樣，我們現(xiàn)在就可以創(chuàng)建我們的主文件index.js并在其中啟動我們的HTTP了，雖然服務(wù)器的代碼還在server.js中。創(chuàng)建index.js文件并寫入以下內(nèi)容：functionstart(){functiononRequest(request,{console.log("Requestreceived.")?response.write("HelloWorld")?}console.log("Serverhasstarted.")?}exports.start=varfoo=正如你所看到的，我們可以像使用任何其他的內(nèi)置模塊一樣使用server模塊：請求這個文件并把它指向一個變量，其中已導出的函數(shù)就可以被我們使用了。我們?nèi)匀恢粨碛姓麄€應(yīng)用的最初部分：我們可以接收HTTP請求。但是我們得做點什么——對于不同的URL請求，服務(wù)器應(yīng)該有不同的反應(yīng)。對于一個非常簡單的應(yīng)用來說，你可以直接在回調(diào)函數(shù)onRequest()中做這件事情。不過就像處理不同的H正如你所看到的，我們可以像使用任何其他的內(nèi)置模塊一樣使用server模塊：請求這個文件并把它指向一個變量，其中已導出的函數(shù)就可以被我們使用了。我們?nèi)匀恢粨碛姓麄€應(yīng)用的最初部分：我們可以接收HTTP請求。但是我們得做點什么——對于不同的URL請求，服務(wù)器應(yīng)該有不同的反應(yīng)。對于一個非常簡單的應(yīng)用來說，你可以直接在回調(diào)函數(shù)onRequest()中做這件事情。不過就像處理不同的HTTP請求在我們的代碼中是一個不同的部分，叫做“路由選擇”——那么，我們接下來就創(chuàng)造一個叫做路由的模塊吧。如何來進行請求的“路由我們要為路由提供請求的URL和其他需要的GET及POST參數(shù)，隨后路由需要根據(jù)這些數(shù)據(jù)來執(zhí)行相應(yīng)的代碼（這里“代碼”對應(yīng)整個應(yīng)用的第三部分：一系列在接收到請求時真正工作的處理程序）。因此，我們需要查看HTTP請求，從中提取出請求的URL以及GET/POST參數(shù)。這一功能應(yīng)當屬于路由還是服務(wù)器（甚至作為一個模塊自身的功能）確實值得探討，但這里暫定其為我們的HTTP服務(wù)器的功能。我們需要的所有數(shù)據(jù)都會包含在request對象中，該對象作為onRequest()回調(diào)函數(shù)的第一個參數(shù)傳遞。但是為了解析這些數(shù)據(jù)，我們需要額外的Node.JS模塊，它們分別是url和querystring模塊。node當然我們也可以用querystring模塊來解析POST現(xiàn)在我們來給onRequest()函數(shù)加上一些邏輯，用來找出瀏覽器請求的URL在我們所要構(gòu)建的應(yīng)用中，這意味著來自/start和當然我們也可以用querystring模塊來解析POST現(xiàn)在我們來給onRequest()函數(shù)加上一些邏輯，用來找出瀏覽器請求的URL在我們所要構(gòu)建的應(yīng)用中，這意味著來自/start和/upload的請求可以使用不同的代碼來處理。稍后我們將看到這些內(nèi)容是如何整合到一起的?，F(xiàn)在我們可以來編寫路由了，建立一個名為router.jsfunctionroute(pathname)console.log("Abouttoroutearequestfor"+}varurl=require("url")?functionstart()functiononRequest(request,response)varpathname=url.parse(request.url).pathname?console.log("Requestfor"+pathname+"received.")?response.write("HelloWorld")?}console.log("Serverhasstarted.")?}exports.start= ------------------------ 我們的服務(wù)器應(yīng)當知道路由的存在并加以有效利用。我們當然可以通過硬編碼的方式將這一依賴項綁定到服務(wù)器上，但是其它語言的編程經(jīng)驗告訴我們這會是一件非常痛苦的事，因此我們將使用依賴注入的方式較松散地添加路由模塊（你可以讀讀MartinFow我們的服務(wù)器應(yīng)當知道路由的存在并加以有效利用。我們當然可以通過硬編碼的方式將這一依賴項綁定到服務(wù)器上，但是其它語言的編程經(jīng)驗告訴我們這會是一件非常痛苦的事，因此我們將使用依賴注入的方式較松散地添加路由模塊（你可以讀讀MartinFowlers關(guān)于依賴注入的大作來作為背景知識）。首先，我們來擴展一下服務(wù)器的start()varrouter=varurl=require("url")?functionstart(route)functiononRequest(request,response)varpathname=url.parse(request.url).pathname?response.write("HelloWorld")?}console.log("Serverhasstarted.")?}exports.start=exports.route=如果現(xiàn)在啟動應(yīng)用（nodeindex.js如果現(xiàn)在啟動應(yīng)用（nodeindex.js，始終記得這個命令行），隨后請求一個URL，你將會看到應(yīng)用輸出相應(yīng)的信息，這表明我們的HTTP服務(wù)器已經(jīng)在使用路由模塊了，并會將請求的路徑傳遞給路由：（以上輸出已經(jīng)去掉了比較煩人的/favicon.ico請求相關(guān)的部分）行為驅(qū)動執(zhí)將函數(shù)作為參數(shù)傳遞并不僅僅出于技術(shù)上的考量。對軟件設(shè)計來說，這其實是個哲學問題。想想這樣的場景：在index文件中，我們可以將router對象傳遞進去，服務(wù)器隨后可以調(diào)用這個對象的route函數(shù)。我是在讀了SteveYegge的大作名詞王國中的死刑之后理解函數(shù)編程。你也去讀一讀這本書路由給真正的請求處理程回到正題，現(xiàn)在我們的HTTP服務(wù)器和請求路由模塊已經(jīng)如我們的期望，可以相互交流了，就像一對親密無間的兄弟。當然這還遠遠不夠，路由，顧名思義，是指我們要針對不同的URL有不同的處理方式。例如處理/start的“業(yè)務(wù)邏輯”就應(yīng)該和處理/upload的不同。bash$nodeindex.jsAbouttoroutearequestfor應(yīng)用程序需要新的部件，因此加入新的模塊--已經(jīng)無需為此感到新奇了。我們來創(chuàng)建一個叫做reque應(yīng)用程序需要新的部件，因此加入新的模塊--已經(jīng)無需為此感到新奇了。我們來創(chuàng)建一個叫做requestHandlers的模塊，并對于每一個請求處理程序，添加一個占位用函數(shù)，隨后將這些函數(shù)作為模塊的方法導出：在這里我們得做個決定：是將requestHandlers模塊硬編碼到路由里來使用，還是再添加一點依賴注入？雖然和其他模式一樣，依賴注入不應(yīng)該僅僅為使用而使用，但在現(xiàn)在這個情況下，使用依賴注入可以讓路由和請求處理程序之間的耦合更加松散，也因此能讓路由的重用性更高。那么我們要怎么傳遞這些請求處理程序呢？別看現(xiàn)在我們只有2個處理程序，在一個真實的應(yīng)用中，請求處理程序的數(shù)量會不斷增加，我們當然不想每次有一個新的URL或請求處理程序時，都要為了在路由里完成請求到處理程序的映射而反復折騰。除此之外，在路由里有一大堆ifrequest==xthencallhandlery也使得系統(tǒng)丑陋不堪。（associativearray）不過結(jié)果有點令人失望，JavaScriptfunctionstart()console.log("Requesthandler'start'was}functionupload()console.log("Requesthandler'upload'was}exports.start=start?在C++或C#中，當我們談到對象，指的是類或者結(jié)構(gòu)體的實例。對象根據(jù)他們實例化的模板（就是所謂的類），會擁有不同的屬性和方法。但在JavaScript不是這個概念。在J在C++或C#中，當我們談到對象，指的是類或者結(jié)構(gòu)體的實例。對象根據(jù)他們實例化的模板（就是所謂的類），會擁有不同的屬性和方法。但在JavaScript不是這個概念。在JavaScript中，對象就是一個鍵/值對的集合--你可以把JavaScript的對象想象成一個鍵為字符串類型的字典。但如果JavaScript的對象僅僅是鍵/值對的集合，它又怎么會擁有方法呢？好吧，這里的值可以是字符串、數(shù)字或者……函數(shù)！雖然handle并不僅僅是一個“東西”（一些請求處理程序的集合），我還是建議以一個動詞作為其命名，這樣做可以讓我們在路由中使用更流暢的表達式，稍后會有說明。正如所見，將不同的URL映射到相同的請求處理程序上是很容易的：只要在對象中添加一個鍵為"/"的屬性，對應(yīng)requestHandlers.start即可，這樣我們就可以干凈簡潔地配置/start都交由start這一處理程序處理。varurl=require("url")?functionstart(route,handle)functiononRequest(request,response)varpathname=url.parse(request.url).pathname?route(handle,varrouter=varrequestHandlers=varhandle=handle["/"]=requestHandlers.start?handle["/start"]=requestHandlers.start?server.start(router.route,然后我們相應(yīng)地在route.js文件中修改route()通過以上代碼，我們首先檢查給定的路徑對應(yīng)的請求處理程序是否存在，如果存在的話直接調(diào)用相應(yīng)的函數(shù)。我們可以用從關(guān)聯(lián)數(shù)組中獲取元素一樣的方式從傳遞的對象中獲取請求處理函數(shù)，因此就有了簡潔流暢的形如handle然后我們相應(yīng)地在route.js文件中修改route()通過以上代碼，我們首先檢查給定的路徑對應(yīng)的請求處理程序是否存在，如果存在的話直接調(diào)用相應(yīng)的函數(shù)。我們可以用從關(guān)聯(lián)數(shù)組中獲取元素一樣的方式從傳遞的對象中獲取請求處理函數(shù)，因此就有了簡潔流暢的形如handle[pathname]();的表達式，這個感覺就像在前方中提到的那樣：“嗨，請幫我處理了這個路徑”。并且在瀏覽器中打開http://localhost:8888/可以看到這個請求同樣被start請求處理程序處理了：ServerhasRequestfor/startAbouttoroutearequestfor/startRequesthandler'start'wasfunctionroute(handle,pathname)console.log("Abouttoroutearequestfor"+pathname)?if(typeofhandle[pathname]==='function'){}elseconsole.log("Norequesthandlerfoundfor"+}}exports.route=response.write("HelloWorld")?}console.log("Serverhasstarted.")?}exports.start=讓請求處理程序作出響讓請求處理程序作出響這里要記住的是，瀏覽器發(fā)出請求后獲得并顯示的“HelloWorld”信息仍是來自于我們不好的實現(xiàn)方對于我們這樣擁有PHP或者Ruby技術(shù)背景的開發(fā)者來說，最直截了當?shù)膶崿F(xiàn)方式事實上并不是非常靠譜：看似有效，實則未必如此。這里我指的“直截了當?shù)膶崿F(xiàn)方式”意思是：讓請求處理程序通過onRequest（return()）讓我們從讓請求處理程序返回需要在瀏覽器中顯示的信息開始。我們需要將qtHls修改為如下形式：functionstart()return"HelloStart"?}functionupload()return"HelloUpload"?}exports.start=start?Requestfor/Abouttoroutearequestfor/最后，我們需要對我們的server.j最后，我們需要對我們的server.js進行重構(gòu)以使得它能夠?qū)⒄埱筇幚沓绦蛲ㄟ^請求路由返回的內(nèi)容響應(yīng)給瀏覽器，如下所示：如果我們運行重構(gòu)后的應(yīng)用，一切都會工作的很好：請求http:/localhost:8888/start,瀏覽器會輸出“HelloStart”，請求http://localhost:8888/upload會輸出“HelloUpload”,而請求http://localhost:8888/foo會輸出“404Notfound”。varurl=require("url")?functionstart(route,handle)functiononRequest(request,response)varpathname=url.parse(request.url).pathname?varcontent=route(handle,pathname)}console.log("Serverhasstarted.")?}exports.start=functionroute(handle,pathname)console.log("Abouttoroutearequestfor"+pathname)?if(typeofhandle[pathname]==='function'){return}elsereturn"404Notfound"?}}exports.route=阻塞與非阻阻塞與非阻這里，我們來修改下start請求處理程序，我們讓它等待10秒以后再返回“HelloStart”。因（當然了，這里只是模擬休眠10秒，實際場景中，這樣的阻塞操作有很多，比方說一些長時間的計算操作等。）如往常一樣，我們先要重啟下服務(wù)器。為了看到效果，我們要進行一些相對復雜的操作（functionstart()console.log("Requesthandler'start'wasfunctionsleep(milliSeconds)varstartTime=newwhile(newDate().getTime()<startTime+}return"Hello}functionupload()return"HelloUpload"?}exports.start=start?我一起做）：首先，打開兩個瀏覽器窗口或者標簽頁。在第一個瀏覽器窗口的地址欄中輸入http://localhost:8888/start，但是先不要打開它！在第二個瀏覽器窗口的地址欄中輸入http://localhost:8888/upload，同樣的，先不要打開接下來，做如下操作：在第一個窗口中（“/start”）按下回車，然后快速切換到第二個窗口中（“/upload我一起做）：首先，打開兩個瀏覽器窗口或者標簽頁。在第一個瀏覽器窗口的地址欄中輸入http://localhost:8888/start，但是先不要打開它！在第二個瀏覽器窗口的地址欄中輸入http://localhost:8888/upload，同樣的，先不要打開接下來，做如下操作：在第一個窗口中（“/start”）按下回車，然后快速切換到第二個窗口中（“/upload”）按下回車。注意，發(fā)生了什么：/startURL加載花了10秒，這和我們預期的一樣。但是，/uploadURL居這到底是為什么呢？原因就是start()包含了阻塞操作。形象的說就是“它阻塞了所有其他的處理工作”。這顯然是個問題，因為Node一向是這樣來標榜自己的：“在node中除了代碼，所有一切都是并行執(zhí)行的”。這句話的意思是說，Node.js——Node.js是單線程的。它通過事件輪詢（eventloop）來實現(xiàn)并行操作，對此，我們應(yīng)該要充分利用這一點——盡可能的避免阻塞操作，取而代之，多使用非阻塞操作。對于Node.js來說，它是這樣處理的：“嘿，probablyExpensiveFunction()（的就是需要花時間處理的函數(shù)），你繼續(xù)處理你的事情，我（Node.js線程）先不等你了，我繼續(xù)去處理你后面的代碼，請你提供一個callbackFunction()，等你處理完之后我會去調(diào)用該回調(diào)函數(shù)的，謝謝！”（如果想要了解更多關(guān)于事件輪詢細節(jié)，可以閱讀Mixu的博文——理解node.js詢。）varexec=上述代碼中，我們引入了一個新的Node.js模塊，child_process。之所以用它，是為了實現(xiàn)一個既簡單又實用的非阻塞操作：exe()。上述代碼中，我們引入了一個新的Node.js模塊，child_process。之所以用它，是為了實現(xiàn)一個既簡單又實用的非阻塞操作：exe()。exe()做了什么呢？它從Node.js來執(zhí)行一個shell命令。在上述例子中，我們用它來獲取當前目錄下所有的文件（“l(fā)s-lah”）,然后，當/startURL請求的時候?qū)⑽募畔⑤敵龅綖g覽器中。content（初始值為“empty”），執(zhí)行“l(fā)s和往常一樣，我們啟動服務(wù)器，然后訪問“http://localhost:8888/start”。之后會載入一個漂亮的web頁面，其內(nèi)容為“empty”這個時候，你可能大致已經(jīng)猜到了，exec()在非阻塞這塊發(fā)揮了神奇的功效。它其實是個很好的東西，有了它，我們可以執(zhí)行非常耗時的shell操作而無需迫使我們的應(yīng)用停下來等待該操作。（如果想要證明這一點，可以將“l(fā)s-lah”換成比如“find/”這樣更耗時的操作來效果）functionstart()varcontent="empty"?exec("ls-lah",function(error,stdout,{content=return}functionupload()return"HelloUpload"?}exports.start=start?問題就在于，為了進行非阻塞工作，exec()在我們的例子中，該回調(diào)函數(shù)就是作為第二個參數(shù)傳遞給exec()Node.jsreturncontent，content仍然是“empty”，因為傳遞給問題就在于，為了進行非阻塞工作，exec()在我們的例子中，該回調(diào)函數(shù)就是作為第二個參數(shù)傳遞給exec()Node.jsreturncontent，content仍然是“empty”，因為傳遞給我們這里“l(fā)slah”的操作其實是非常快的（除非當前目錄下有上百萬個文件）。這也是為什么回調(diào)函數(shù)也會很快的執(zhí)行到——不過，不管怎么說它還是異步的。為了讓效果更加明顯，我們想象一個更耗時的命令：“find/”，它在我機器上需要執(zhí)行1分鐘左右的時間，然而，盡管在請求處理程序中，我把“l(fā)slah”換成“find/”，當打開/startURL的時候，依然能夠立即獲得HTTP響應(yīng)——很明顯，當exec()在后臺執(zhí)行的時候，在“find以非阻塞操作進行請求響我剛剛提到了這樣一個短語——“正確的方式”。而事實上通常“正確的方式”一般都不簡不過，用Node.js就有這樣一種實現(xiàn)方案 函數(shù)傳遞。下面就讓我們來具體看看如何實現(xiàn)到目前為止，我們的應(yīng)用已經(jīng)可以通過應(yīng)用各層之間傳遞值的方式（請求處理程序->請求路由->服務(wù)器）將請求處理程序返回的內(nèi)容（請求處理程序最終要顯示給用戶的內(nèi)容）傳遞給服務(wù)器“傳遞”給內(nèi)容的方式。從實踐角度來說，就是將response對象（從服務(wù)器的回調(diào)函function(error,stdout,{content=}數(shù)onRequest()獲?。┩ㄟ^請求路由傳遞給請求處理程序。隨后，處理程序就可以采用該對象相對此前從route()函數(shù)獲取返回值的做法，這次我們將r數(shù)onRequest()獲取）通過請求路由傳遞給請求處理程序。隨后，處理程序就可以采用該對象相對此前從route()函數(shù)獲取返回值的做法，這次我們將response對象作為第三個參數(shù)傳遞給route()函數(shù)，并且，我們將onRequest()處理程序中所有有關(guān)response的函數(shù)調(diào)都移除，因為我們希望這部分工作讓route()函數(shù)來完成。下面就來看看我們的同樣的模式：相對此前從請求處理程序中獲取返回值，這次取而代之的是直接傳遞response對象。functionroute(handle,pathname,{console.log("Abouttoroutearequestfor"+pathname)?if(typeofhandle[pathname]==='function'){}elseconsole.log("Norequesthandlerfoundfor"+pathname)?response.write("404Notfound")?}}exports.route=varurl=require("url")?functionstart(route,handle)functiononRequest(request,response)varpathname=url.parse(request.url).pathname?route(handle,pathname,}console.log("Serverhasstarted.")?}exports.start=如果沒有對應(yīng)的請求處理器處理，我們就直接返回“404”最后，我們將requestHandler.jsstart處理程序在exe如果沒有對應(yīng)的請求處理器處理，我們就直接返回“404”最后，我們將requestHandler.jsstart處理程序在exe()的匿名回調(diào)函數(shù)中做請求響應(yīng)的操作，而upload處理程序仍然是簡單的回復“HelloWorld”，只是這次是使用response對象而已。這時再次我們啟動應(yīng)用 如果想要證明/start處理程序中耗時的操作不會阻塞對/upload請求作出立即響應(yīng)的話，可以將requestHandlers.js修改為如下形式：functionstart(response){console.log("Requesthandler'start'wasexec("findfunction(error,stdout,stderr){}functionstart(response){console.log("Requesthandler'start'wasexec("ls-lah",function(error,stdout,"text/plain"})?response.write(stdout)?}functionupload(response)console.log("Requesthandler'upload'wascalled.")?response.write("HelloUpload")?}exports.start=start?更有用的場更有用的場服務(wù)器，請求路由以及請求處理程序都已經(jīng)完成了，下面讓我們按照此前的用例給網(wǎng)站添加交互：用戶選擇一個文件，上傳該文件，然后在瀏覽器中看到上傳的文件。為了保持簡單，我們假設(shè)用戶只會上傳圖片，然后我們應(yīng)用將該圖片顯示到瀏覽器中。好，下面就一步步來實現(xiàn)，鑒于此前已經(jīng)對JavaScript原理性技術(shù)性的內(nèi)容做過大量介紹了，這次我們加快點速度。要實現(xiàn)該功能，分為如下兩步：首先，讓我們來看看如何處理POST請求（非文件上傳），之第一，盡管在Node.js中處理基礎(chǔ)的POST請求相對比較簡單，但在這過程中還是能學到很多。第二，用Node.js來處理文件上傳（multipartPOST請求）是比較復雜的，它不在本書的范疇，但，如何使用外部模塊卻是在本書涉獵內(nèi)容之內(nèi)。處理POST請考慮這樣一個簡單的例子：我們顯示一個文本區(qū)（textarea）供用戶輸入內(nèi)容，然后通過請求提交給服務(wù)器。最后，服務(wù)器接受到請求，通過處理程序?qū)⑤斎氲膬?nèi)容展示到瀏覽器中。start請求處理程序用于生成帶文本區(qū)的表單，因此，我們將requestHandlers.js式：functionupload(response)console.log("Requesthandler'upload'wascalled.")?response.write("HelloUpload")?}exports.start=start?好了，現(xiàn)在我們的應(yīng)用已經(jīng)很完善了，都可以獲得威比獎（WebbyAward好了，現(xiàn)在我們的應(yīng)用已經(jīng)很完善了，都可以獲得威比獎（WebbyAwards）了，哈哈。（譯者注：威比獎是由國際數(shù)字藝術(shù)與科學學院主辦的評選全球最佳網(wǎng)站的獎項，具體參見詳細說明）通過在瀏覽器中訪問http://localhost:8888/start就可以看到簡單的表單了，要記得重啟服務(wù)器哦！你可能會說：這種直接將視覺元素放在請求處理程序中的方式太丑陋了。說的沒錯，但是，我并不想在本書中介紹諸如MVC之類的模式，因為這對于你了解JavaScript或者Node.js環(huán)境來說沒多大關(guān)系。/upload請求處理程序現(xiàn)在，我們已經(jīng)是新手中的專家了，很自然會想到采用異步回調(diào)來實現(xiàn)非阻塞地處理POST求的數(shù)據(jù)。這里采用非阻塞方式處理是明智的，因為POST請求一般都比較“重”——用戶可能會輸入大functionstart(response)console.log("Requesthandler'start'was'charset=UTF-8"/>'+'<formaction="/upload"'<inputtype="submit"value="Submittext"/>'+}functionupload(response)console.log("Requesthandler'upload'wascalled.")?response.write("HelloUpload")?}exports.start=start?為了使整個過程非阻塞，Node.js會將POST數(shù)據(jù)拆分成很多小的數(shù)據(jù)塊，然后通過觸發(fā)特定的事件，將這些小數(shù)據(jù)塊傳遞給回調(diào)函數(shù)。這里的特定的事件有da為了使整個過程非阻塞，Node.js會將POST數(shù)據(jù)拆分成很多小的數(shù)據(jù)塊，然后通過觸發(fā)特定的事件，將這些小數(shù)據(jù)塊傳遞給回調(diào)函數(shù)。這里的特定的事件有data事件（表示新的小數(shù)據(jù)塊到達了）以及end事件（表示所有的數(shù)據(jù)都已經(jīng)接收完畢）。我們需要告訴Node.js當這些事件觸發(fā)的時候，回調(diào)哪些函數(shù)。怎么告訴呢 我們通在request對象上注冊監(jiān)聽器（listener）來實現(xiàn)。這里的request對象是每次接收到HTTP請求問題來了，這部分邏輯寫在哪里呢？我們現(xiàn)在只是在服務(wù)器中獲取到了request對象——我們并沒有像之前response對象那樣，把request對象傳遞給請求路由和請求處理程序。在我看來，獲取所有來自請求的數(shù)據(jù)，然后將這些數(shù)據(jù)給應(yīng)用層處理，應(yīng)該是HTTP的事情。因此，我建議，我們直接在服務(wù)器中處理POST數(shù)據(jù)，然后將最終的數(shù)據(jù)傳遞給請求由和請求處理器，讓他們來進行進一步的處理。因此，實現(xiàn)思路就是：將data和end事件的回調(diào)函數(shù)直接放在服務(wù)器中，在data事件回調(diào)中收集所有的POST數(shù)據(jù)，當接收到所有數(shù)據(jù)，觸發(fā)end事件后，其回調(diào)函數(shù)調(diào)用請求路由，并將數(shù)據(jù)傳遞給它，然后，請求路由再將該數(shù)據(jù)傳遞給請求處理程序。varurl=require("url")?functionstart(route,handle){{varpostData=varpathname=url.parse(request.url).pathname?postData+=postDataChunk?request.addListener("data",function(chunk)//calledwhenanewchunkofdatawasrequest.addListener("end",function()//calledwhenallchunksofdatahavebeen上述代碼做了三件事情：首先，我們設(shè)置了接收數(shù)據(jù)的編碼格式為UTF-8，了“data”事件的監(jiān)聽器，用于收集每次接收到的新數(shù)據(jù)塊，并將其賦值給postD上述代碼做了三件事情：首先，我們設(shè)置了接收數(shù)據(jù)的編碼格式為UTF-8，了“data”事件的監(jiān)聽器，用于收集每次接收到的新數(shù)據(jù)塊，并將其賦值給postData變量，最后，我們將請求路由的調(diào)用移到end事件處理程序中，以確保它只會當所有數(shù)據(jù)接收完畢后才觸發(fā)，并且只觸發(fā)一次。我們同時還把POST數(shù)據(jù)傳遞給請求路由，因為這些數(shù)據(jù)，請求處理程序會用到。上述代碼在每個數(shù)據(jù)塊到達的時候輸出了日志，這對于最終生產(chǎn)環(huán)境來說，是很不好的（量可能會很大，還記得吧？），但是，在開發(fā)階段是很有用的，有助于讓我們看到發(fā)生了什么。再來點酷的。我們接下來在/upload頁面，展示用戶輸入的內(nèi)容。要實現(xiàn)該功能，我們需要將postData傳遞給請求處理程序，修改router.js為如下形式：functionroute(handle,pathname,response,{console.log("Abouttoroutearequestfor"+pathname)?if(typeofhandle[pathname]==='function'){handle[pathname](response,}elseconsole.log("Norequesthandlerfoundfor"+pathname)?response.write("404Notfound")?}}exports.route=postDataChunk+request.addListener("end",}console.log("Serverhasstarted.")?}exports.start=我們最后要做的是：當前我們是把請求的整個消息體傳遞給了請求路由和請求處理程序。我們應(yīng)該只把POST我們最后要做的是：當前我們是把請求的整個消息體傳遞給了請求路由和請求處理程序。我們應(yīng)該只把POST數(shù)據(jù)中，我們感興趣的部分傳遞給請求路由和請求處理程序。在我們這個例子中，我們感興趣的其實只是text字段。我們可以使用此前介紹過的querystringfunctionstart(response,postData){console.log("Requesthandler'start'was'charset=UTF-8"/>'+'<formaction="/upload"'<textareaname="text"rows="20"functionstart(response,{console.log("Requesthandler'start'was'charset=UTF-8"/>'+'<formaction="/upload"'<inputtype="submit"value="Submittext"/>'+}functionupload(response,{console.log("Requesthandler'upload'wascalled.")?response.write("You'vesent:"+postData)?}exports.start=start?處理文件上回到90年代，這個用例完全可以滿足用于IPO的商業(yè)模型了，如今，我們通過它能學到這樣兩件事情：處理文件上回到90年代，這個用例完全可以滿足用于IPO的商業(yè)模型了，如今，我們通過它能學到這樣兩件事情：如何安裝外部Node.js模塊，以及如何將它們應(yīng)用到我們的應(yīng)用中。這里我們要用到的外部模塊是FelixGeisend?rfer開發(fā)的node-formidable模塊。它對解析上傳的文件數(shù)據(jù)做了很好的抽象。其實說白了，處理文件上傳“就是”處理POST數(shù)據(jù)——但npmoknpminstall}functionupload(response,{console.log("Requesthandler'upload'wascalled.")?response.write("You'vesentthetext:"+}exports.start=start?現(xiàn)在我們就可以用formidable模塊了——使用外部模塊與內(nèi)部模塊類似，用現(xiàn)在我們就可以用formidable模塊了——使用外部模塊與內(nèi)部模塊類似，用require引入即可：這里該模塊做的就是將通過HTTPPOST請求提交的表單，在Node.js中可以被解析。我們要做如果我們將上述代碼，保存到一個文件中，并通過node來執(zhí)行，就可以進行簡單的表單提交了，包括文件上傳。然后，可以看到通過調(diào)用form.parse傳遞給回調(diào)函數(shù)的files如下所示：http=require('http'),sys=if(req.url=='/upload'&&req.method.toLowerCase()=='post')//parseafilevarform=newformidable.IncomingForm()?res.writeHead(200,{'content-type':'text/plain'})?res.write('receivedupload:\n\n')?}//showafileupload'<inputtype="text"'<inputtype="submit"value="Upload">'+varformidable=我們先來解決后面那個問題 對于保存在本地硬盤中的文件，如何才能在瀏覽器中看到呢顯然，我們需要將該文件讀取到我們的服務(wù)器中，使用一個叫fs我們先來解決后面那個問題 對于保存在本地硬盤中的文件，如何才能在瀏覽器中看到呢顯然，我們需要將該文件讀取到我們的服務(wù)器中，使用一個叫fs我們來添加/showURL的請求處理程序，該處理程序直接硬編碼將文件/tmp/test.png到瀏覽器中。當然了，首先需要將該圖片保存到這個位置才行。將requestHandlers.jsfs=require("fs")?functionstart(response,{console.log("Requesthandler'start'was'<metahttp-equiv="Content-Type"'+'<formaction="/upload"'<inputtype="submit"value="Submittext"/>'+}received{fields:{title:'HelloWorld'},{{size:name:'us-flag.png',type:lastModifiedDate:Tue,21Jun201107:02:41length:[Getter],filename:[Getter],mime:[Getter]}}}重啟服務(wù)器之后，通過訪問http://localhost:88重啟服務(wù)器之后，通過訪問http://localhost:8888/show，就可以看到保存在/tmttg的圖片了。在/start將node-formidable整合到我們的uploadvarrouter=varrequestHandlers=varhandle=handle["/"]=requestHandlers.start?handle["/start"]=requestHandlers.start?handle["/show"]=requestHandlers.show?server.start(router.route,functionupload(response,{console.log("Requesthandler'upload'wascalled.")?response.write("You'vesentthetext:"+}functionshow(response,{console.log("Requesthandler'show'wascalled.")?{if(error)response.write(error+"\n")?}elseresponse.write(file,"binary")?}}exports.start=start?exports.show=show?將上傳的圖片內(nèi)嵌到/uploadURL輸出的HTML第一項很簡單。只需要在HTML表單中，添加一個mu將上傳的圖片內(nèi)嵌到/uploadURL輸出的HTML第一項很簡單。只需要在HTML表單中，添加一個multipartform-data的編碼類型，移除此前的文本區(qū)，添加一個文件上傳組件，并將提交按鈕的文案改為“Uploadfile”即可。如下requestHandler.jsfs=require("fs")?functionstart(r