forked from manuelkiessling/nodebeginner.org
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex-zh-cn.html
3072 lines (2623 loc) · 227 KB
/
index-zh-cn.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Node入门 » 一本全面的Node.js教程</title>
<meta name="description" content="一本适合Node.js初学者的全面教程：教你如何使用服务端JavaScript来构建一个完整的web应用" />
<style type="text/css">
body {
font-family: Georgia, serif;
background-color: #eee;
padding-top: 0px;
}
#forkmeongithub img {
z-index: 5;
position: absolute;
top: 0;
right: 0;
border: 0;
}
#book, #disqus_thread, #footer {
width: 640px;
margin: 0 auto;
margin-top: 24px;
margin-bottom: 100px;
padding: 64px;
background-color: white;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
z-index: 100;
box-shadow: 14px 11px 27px #888;
}
#book {
margin-top: 124px;
}
#author {
margin-top: -41px;
margin-left: 279px;
color: #888;
font-family: "Helvetica Neue", sans-serif;
font-size: 75%;
}
#workinprogressnote p {
font-family: "Helvetica Neue", sans-serif;
color: #700;
text-align: center;
}
.buy-the-bundle, .buy-the-ebook, #translations {
font-family: "Helvetica Neue", sans-serif;
font-size: 13px;
color: #fff;
text-align: center;
padding: 8px;
padding-left: 32px;
padding-right: 32px;
border-radius: 8px;
box-shadow: 0px 0px 4px #444;
position: relative;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
width: 704px;
background-color: #555;
}
#translations a {
text-decoration: none;
color: #fff;
}
#translations .flag {
display: inline-block;
vertical-align: middle;
padding-top: 4px;
}
#translations .text {
display: inline-block;
vertical-align: middle;
margin-right: 24px;
}
.buy-the-bundle {
padding-bottom: 20px;
}
.buy-the-bundle .cover {
width: 131px;
display: table-cell;
padding-right: 0px;
padding-left: 16px;
vertical-align: middle;
color: #bbb;
}
.buy-the-bundle .cover img {
border: 1px solid black;
box-shadow: 0 1px 2px rgba(0,0,0,0.4), inset -1px 1px 0 rgba(255,255,255,0.4);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4), inset -1px 1px 0 rgba(255,255,255,0.4);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4), inset -1px 1px 0 rgba(255,255,255,0.4);
}
.buy-the-bundle .description {
width: 349px;
display: table-cell;
padding-right: 16px;
padding-left: 16px;
vertical-align: top;
text-align: center;
}
.buy-the-bundle strong.price {
font-size: 18pt;
color: #14d014;
}
.buy-the-bundle strong.price.dollarsign {
font-weight: normal;
}
.buy-the-bundle .buy {
display: table-cell;
vertical-align: middle;
color: #bbb;
}
.buy-the-bundle .button {
display: inline-block;
padding: 8px;
width: 140px;
border: 1px solid #444;
border-radius: 6px;
background-image: -moz-linear-gradient(top, #14d014, #029302);
background-image: -webkit-gradient(linear, center top, center bottom, from(#14d014), to(#029302));
box-shadow: 0 1px 2px rgba(0,0,0,0.4), inset -1px 1px 0 rgba(255,255,255,0.4);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4), inset -1px 1px 0 rgba(255,255,255,0.4);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4), inset -1px 1px 0 rgba(255,255,255,0.4);
}
.buy-the-bundle .buttonlink {
text-decoration: none;
font-weight: bold;
font-size: 15px;
color: #fff;
text-shadow: 0.1em 0.1em #666;
}
.buy-the-ebook a {
text-decoration: underline;
color: yellow;
}
#donate p {
font-family: "Helvetica Neue", sans-serif;
text-align: center;
}
#paypal fieldset {
border: 0;
}
#disqus_thread {
font-family: "Helvetica Neue", sans-serif;
}
#footer {
font-family: "Helvetica Neue", sans-serif;
background-color: #f5f5f5;
margin-top: 100px;
}
#footer p {
text-align: center;
font-family: "Helvetica Neue", sans-serif;
font-size: 11px;
}
#ccimage {
float: left;
margin-left: 30px;
margin-right: 0;
margin-top: 20px;
}
#praise {
position: absolute;
top: 120px;
right: 40px;
width: 204px;
font-style: italic;
color: #aaa;
z-index: -1;
text-align: right;
}
@media only screen and (max-width: 1330px) {
#praise {
display: none;
}
}
#praise .praise {
margin-bottom: 25px;
}
#praise .author {
font-style: normal;
font-size: 75%;
}
#table-of-contents-headline {
margin-top: 48px;
color: #700;
font-size: 160%;
font-weight: bold;
}
#book #table-of-contents {
margin-left: -24px;
}
#book #table-of-contents ul li {
font-size: 100%;
margin-left: 0;
list-style-type: none;
}
#book #table-of-contents ul {
padding-left: 24px;
margin-top: 12px;
margin-left: 0;
margin-bottom: 36px;
}
h1 {
margin-left: -63px;
margin-top: -109px;
font-size: 300%;
color: #700;
font-style: italic;
font-weight: bold;
}
h2 {
margin-top: 64px;
font-size: 180%;
}
h3 {
font-size: 160%;
}
h4 {
font-size: 140%;
}
h5 {
font-size: 120%;
}
h3, h4, h5 {
margin-top: 36px;
}
h2, h3, h4, h5 {
color: #700;
font-weight: bold;
margin-bottom: 36px;
}
#book p {
text-align: justify;
font-size: 110%;
line-height: 150%;
margin-bottom: 48px;
margin-top: -22px;
}
pre {
background-color: #f7f7f7;
border: 1px solid #eee;
padding: 16px;
margin-bottom: 64px;
margin-top: -24px;
font-size: 14px;
}
pre.prettyprint {
background-color: #f7f7f7;
border: 1px solid #eee;
padding: 16px;
margin-bottom: 64px;
margin-top: -24px;
font-size: 14px;
}
#book ul {
margin-top: -24px;
margin-bottom: 64px;
}
ul li {
margin-bottom: 12px;
font-size: 110%;
}
blockquote {
font-style: italic;
}
/* Prettify */
.str {
color: #080
}
.kwd {
color: #008
}
.com {
color: #800
}
.typ {
color: #606
}
.lit {
color: #066
}
.pun {
color: #660
}
.pln {
color: #000
}
.tag {
color: #008
}
.atn {
color: #606
}
.atv {
color: #080
}
.dec {
color: #606
}
ol.linenums {
margin-top: 0;
margin-bottom: 0
}
li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 {
list-style: none
}
li.L1, li.L3, li.L5, li.L7, li.L9 {
background: #eee
}
</style>
<style type="text/css">
@media only screen and (max-width: 1024px) {
body {
font-size: 165%;
background-color: #fff;
}
h1 {
font-size: 250%;
margin-left: -53px;
}
#book, #disqus_thread, #footer {
width: 90%;
max-width: 90%;
padding: 32px;
box-shadow: none;
border: none;
}
.buy-the-bundle, .buy-the-ebook, #translations, #forkmeongithub, #praise {
display: none;
}
}
</style>
<style type="text/css" media="print">
#book, #footer {
border: none;
box-shadow: none;
}
#footer {
border-top: 1px solid black;
}
#translations {
display: none;
}
.buy-the-bundle, .buy-the-ebook {
display: none;
}
#disqus_thread {
display: none;
}
#forkmeongithub {
display: none;
}
#praise {
display: none;
}
</style>
<script type="text/javascript">
// Google Analytics
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-2127388-6']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
// Disqus
var disqus_shortname = 'nodebeginner';
var disqus_identifier = 'nodebeginner-book-chinese';
var disqus_url = 'http://www.nodebeginner.org/index-zh-cn.html';
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
</head>
<body>
<img style="display: none;" src="the_node_beginner_book_cover_medium.png" height="256" width="171" />
<div id="forkmeongithub">
<a href="https://github.com/ManuelKiessling/NodeBeginnerBook"><img src="fork_me_on_github.png" width="149" height="149" alt="Fork me on GitHub" /></a>
</div>
<div id="translations">
<a href="index.html">
<div class="flag"><img src="us-flag.png" width="24" height="24" alt="usa flag" /></div>
<div class="text">Read this tutorial in english</div>
</a>
<a href="index-es.html">
<div class="flag"><img src="es-flag.png" width="24" height="24" alt="spanish flag" /></div>
<div class="text">Lee este tutorial en Español</div>
</a>
<a href="http://www.nodebeginner.ru">
<div class="flag"><img src="ru-flag.png" width="24" height="24" alt="russian flag" /></div>
<div class="text">Читать этот учебник на русском</div>
</a>
</div>
<div class="buy-the-bundle">
<div class="cover">
<a href="/buy-chinese/"><img src="the_node_beginner_book_cover_medium_chinese.png" height="120" width="80" /></a>
</div>
<div class="description">
<p>
<strong>购买“Node入门”中文版电子书</strong>
</p>
<p>
<strong class="price dollarsign">$</strong><strong class="price">4.99</strong>
</p>
<p>
<a class="buttonlink" href="/buy-chinese/">
<div class="button">Buy now</div>
</a>
</p>
</div>
<div class="buy">
<p>
本书共42页
<br />
支持PDF格式，Kindle以及ePub格式
<br />
直接下载，免费更新
</p>
</div>
</div>
<div id="book">
<h1>Node入门</h1>
<div id="author">作者： <a href="http://twitter.com/manuelkiessling">Manuel Kiessling</a><br />
翻译： <a href="http://weibo.com/goddyzhao">goddyzhao</a> &
<a href="http://www.otakustay.com">GrayZhang</a> &
<a href="http://weibo.com/cmonday">MondayChen</a></div>
<a name="about"></a>
<h2>关于</h2>
<p>
本书致力于教会你如何用Node.js来开发应用，过程中会传授你所有所需的“高级”JavaScript知识。本书绝不是一本“Hello World”的教程。
</p>
<a name="status"></a>
<h3>状态</h3>
<p>
你正在阅读的已经是本书的最终版。因此，只有当进行错误更正以及针对新版本Node.js的改动进行对应的修正时，才会进行更新。
</p>
<p>
本书中的代码案例都在Node.js 0.4.9版本中测试过，可以正确工作。
</p>
<a name="intended-audience"></a>
<h3>读者对象</h3>
<p>
本书最适合与我有相似技术背景的读者： 至少对一门诸如Ruby、Python、PHP或者Java这样面向对象的语言有一定的经验；对JavaScript处于初学阶段，并且完全是一个Node.js的新手。
</p>
<p>
这里指的适合对其他编程语言有一定经验的开发者，意思是说，本书不会对诸如数据类型、变量、控制结构等等之类非常基础的概念作介绍。要读懂本书，这些基础的概念我都默认你已经会了。
</p>
<p>
然而，本书还是会对JavaScript中的函数和对象作详细介绍，因为它们与其他同类编程语言中的函数和对象有很大的不同。
</p>
<a name="structure"></a>
<h3>本书结构</h3>
<p>
读完本书之后，你将完成一个完整的web应用，该应用允许用户浏览页面以及上传文件。
</p>
<p>
当然了，应用本身并没有什么了不起的，相比为了实现该功能书写的代码本身，我们更关注的是如何创建一个框架来对我们应用的不同模块进行干净地剥离。 是不是很玄乎？稍后你就明白了。
</p>
<p>
本书先从介绍在Node.js环境中进行JavaScript开发和在浏览器环境中进行JavaScript开发的差异开始。
</p>
<p>
紧接着，会带领大家完成一个最传统的“Hello World”应用，这也是最基础的Node.js应用。
</p>
<p>
最后，会和大家讨论如何设计一个“真正”完整的应用，剖析要完成该应用需要实现的不同模块，并一步一步介绍如何来实现这些模块。
</p>
<p>
可以确保的是，在这过程中，大家会学到JavaScript中一些高级的概念、如何使用它们以及为什么使用这些概念就可以实现而其他编程语言中同类的概念就无法实现。
</p>
<p>
该应用所有的源代码都可以通过
<a href="https://github.com/ManuelKiessling/NodeBeginnerBook/tree/master/code/application">本书Github代码仓库</a>.
</p>
<div id="table-of-contents-headline">目录</div>
<div id="table-of-contents">
<ul>
<li><a href="#about">关于</a>
<ul>
<li><a href="#status">状态</a></li>
<li><a href="#intended-audience">读者对象</a></li>
<li><a href="#structure">本书结构</a></li>
</ul>
</li>
<li><a href="#javascript-and-nodejs">JavaScript与Node.js</a>
<ul>
<li><a href="#javascript-and-you">JavaScript与你</a></li>
<li><a href="#a-word-of-warning">简短申明</a></li>
<li><a href="#server-side-javascript">服务器端JavaScript</a></li>
<li><a href="#hello-world">“Hello World”</a></li>
</ul>
</li>
<li><a href="#a-full-blown-web-application-with-nodejs">一个完整的基于Node.js的web应用</a>
<ul>
<li><a href="#the-use-cases">用例</a></li>
<li><a href="#the-application-stack">应用不同模块分析</a></li>
</ul>
</li>
<li><a href="#building-the-application-stack">构建应用的模块</a>
<ul>
<li><a href="#a-basic-http-server">一个基础的HTTP服务器</a></li>
<li><a href="#analyzing-our-http-server">分析HTTP服务器</a></li>
<li><a href="#passing-functions-around">进行函数传递</a></li>
<li><a href="#how-function-passing-makes-our-http-server-work">函数传递是如何让HTTP服务器工作的</a></li>
<li><a href="#event-driven-callbacks">基于事件驱动的回调</a></li>
<li><a href="#how-our-server-handles-requests">服务器是如何处理请求的</a></li>
<li><a href="#finding-a-place-for-our-server-module">服务端的模块放在哪里</a>
</li>
<li><a href="#whats-needed-to-route-requests">如何来进行请求的“路由”</a></li>
<li><a href="#execution-in-the-kongdom-of-verbs">行为驱动执行</a></li>
<li><a href="#routing-to-real-request-handlers">路由给真正的请求处理程序</a></li>
<li><a href="#making-the-request-handlers-respond">让请求处理程序作出响应</a>
<ul>
<li><a href="#how-to-not-do-it">不好的实现方式</a></li>
<li><a href="#blocking-and-non-blocking">阻塞与非阻塞</a></li>
<li><a href="#responding-request-handlers-with-non-blocking-operations">以非阻塞操作进行请求响应</a>
</li>
</ul>
</li>
<li><a href="#serving-something-useful">更有用的场景</a>
<ul>
<li><a href="#handling-post-requests">处理POST请求</a></li>
<li><a href="#handling-file-uploads">处理文件上传</a></li>
</ul>
</li>
<li><a href="#conclusion-and-outlook">总结与展望</a></li>
</ul>
</li>
</ul>
</div>
<a name="javascript-and-nodejs"></a>
<h2>JavaScript与Node.js</h2>
<a name="javascript-and-you"></a>
<h3>JavaScript与你</h3>
<p>
抛开技术，我们先来聊聊你以及你和JavaScript的关系。本章的主要目的是想让你看看，对你而言是否有必要继续阅读后续章节的内容。
</p>
<p>
如果你和我一样，那么你很早就开始利用HTML进行“开发”，正因如此，你接触到了这个叫JavaScript有趣的东西，而对于JavaScript，你只会基本的操作——为web页面添加交互。
</p>
<p>
而你真正想要的是“干货”，你想要知道如何构建复杂的web站点 —— 于是，你学习了一种诸如PHP、Ruby、Java这样的编程语言，并开始书写“后端”代码。
</p>
<p>
与此同时，你还始终关注着JavaScript，随着通过一些对jQuery，Prototype之类技术的介绍，你慢慢了解到了很多JavaScript中的进阶技能，同时也感受到了JavaScript绝非仅仅是<em>window.open() </em>那么简单。 .
</p>
<p>
不过，这些毕竟都是前端技术，尽管当想要增强页面的时候，使用jQuery总让你觉得很爽，但到最后，你顶多是个JavaScript<em>用户</em>，而非JavaScript<em>开发者</em>。
</p>
<p>
然后，出现了Node.js，服务端的JavaScript，这有多酷啊？
</p>
<p>
于是，你觉得是时候该重新拾起既熟悉又陌生的JavaScript了。但是别急，写Node.js应用是一件事情；理解为什么它们要以它们书写的这种方式来书写则意味着——你要懂JavaScript。这次是玩真的了。
</p>
<p>
问题来了： 由于JavaScript真正意义上以两种，甚至可以说是三种形态存在（从中世纪90年代的作为对DHTML进行增强的小玩具，到像jQuery那样严格意义上的前端技术，一直到现在的服务端技术），因此，很难找到一个“正确”的方式来学习JavaScript，使得让你书写Node.js应用的时候感觉自己是在真正开发它而不仅仅是使用它。
</p>
<p>
因为这就是关键： 你本身已经是个有经验的开发者，你不想通过到处寻找各种解决方案（其中可能还有不正确的）来学习新的技术，你要确保自己是通过正确的方式来学习这项技术。
</p>
<p>
当然了，外面不乏很优秀的学习JavaScript的文章。但是，有的时候光靠那些文章是远远不够的。你需要的是指导。
</p>
<p>
本书的目标就是给你提供指导。
</p>
<a name="a-word-of-warning"></a>
<h3>简短申明</h3>
<p>
业界有非常优秀的JavaScript程序员。而我并非其中一员。
</p>
<p>
我就是上一节中描述的那个我。我熟悉如何开发后端web应用，但是对“真正”的JavaScript以及Node.js，我都只是新手。我也只是最近学习了一些JavaScript的高级概念，并没有实践经验。
</p>
<p>
因此，本书并不是一本“从入门到精通”的书，更像是一本“从初级入门到高级入门”的书。
</p>
<p>
如果成功的话，那么本书就是我当初开始学习Node.js最希望拥有的教程。
</p>
<a name="server-side-javascript"></a>
<h3>服务端JavaScript</h3>
<p>
JavaScript最早是运行在浏览器中，然而浏览器只是提供了一个上下文，它定义了使用JavaScript可以做什么，但并没有“说”太多关于JavaScript语言本身可以做什么。事实上，JavaScript是一门“完整”的语言： 它可以使用在不同的上下文中，其能力与其他同类语言相比有过之而无不及。
</p>
<p>
Node.js事实上就是另外一种上下文，它允许在后端（脱离浏览器环境）运行JavaScript代码。
</p>
<p>
要实现在后台运行JavaScript代码，代码需要先被解释然后正确的执行。Node.js的原理正是如此，它使用了Google的V8虚拟机（Google的Chrome浏览器使用的JavaScript执行环境），来解释和执行JavaScript代码。
</p>
<p>
除此之外，伴随着Node.js的还有许多有用的模块，它们可以简化很多重复的劳作，比如向终端输出字符串。
</p>
<p>
因此，Node.js事实上既是一个运行时环境，同时又是一个库。
</p>
<p>
要使用Node.js,首先需要进行安装。关于如何安装Node.js，这里就不赘述了，可以直接参考<a href="https://github.com/joyent/node/wiki/Installation" title="Building and Installing Node.js">官方的安装指南</a>。安装完成后，继续回来阅读本书下面的内容。
</p>
<a name="hello-world"></a>
<h3>“Hello World”</h3>
<p>
好了，“废话”不多说了，马上开始我们第一个Node.js应用：“Hello World”。
</p>
<p>
打开你最喜欢的编辑器，创建一个<em>helloworld.js</em>文件。我们要做就是向STDOUT输出“Hello World”，如下是实现该功能的代码：
</p>
<pre class="prettyprint lang-js"><span class="pln">console</span><span class="pun">.</span><span
class="pln">log</span><span class="pun">(</span><span class="str">"Hello World"</span><span class="pun">);</span></pre>
<p>
保存该文件，并通过Node.js来执行：
</p>
<pre>node helloworld.js</pre>
<p>
正常的话，就会在终端输出<em>Hello World</em> 。
</p>
<p>
好吧，我承认这个应用是有点无趣，那么下面我们就来点“干货”。
</p>
<a name="a-full-blown-web-application-with-nodejs"></a>
<h2>一个完整的基于Node.js的web应用</h2>
<a name="the-use-cases"></a>
<h3>用例</h3>
<p>我们来把目标设定得简单点，不过也要够实际才行：</p>
<ul>
<li>用户可以通过浏览器使用我们的应用。</li>
<li>当用户请求<em>http://domain/start</em>时，可以看到一个欢迎页面，页面上有一个文件上传的表单。</li>
<li>用户可以选择一个图片并提交表单，随后文件将被上传到<em>http://domain/upload</em>，该页面完成上传后会把图片显示在页面上。</li>
</ul>
<p>差不多了，你现在也可以去Google一下，找点东西乱搞一下来完成功能。但是我们现在先不做这个。</p>
<p>更进一步地说，在完成这一目标的过程中，我们不仅仅需要基础的代码而不管代码是否优雅。我们还要对此进行抽象，来寻找一种适合构建更为复杂的Node.js应用的方式。</p>
<h3>应用不同模块分析</h3>
<p>我们来分解一下这个应用，为了实现上文的用例，我们需要实现哪些部分呢？</p>
<ul>
<li>我们需要提供Web页面，因此需要一个<em>HTTP服务器</em></li>
<li>对于不同的请求，根据请求的URL，我们的服务器需要给予不同的响应，因此我们需要一个<em>路由</em>，用于把请求对应到请求处理程序（request handler）</li>
<li>当请求被服务器接收并通过路由传递之后，需要可以对其进行处理，因此我们需要最终的<em>请求处理程序</em></li>
<li>路由还应该能处理POST数据，并且把数据封装成更友好的格式传递给请求处理入程序，因此需要<em>请求数据处理功能</em></li>
<li>我们不仅仅要处理URL对应的请求，还要把内容显示出来，这意味着我们需要一些<em>视图逻辑</em>供请求处理程序使用，以便将内容发送给用户的浏览器</li>
<li>最后，用户需要上传图片，所以我们需要<em>上传处理功能</em>来处理这方面的细节</li>
</ul>
<p>我们先来想想，使用PHP的话我们会怎么构建这个结构。一般来说我们会用一个Apache HTTP服务器并配上mod_php5模块。<br />从这个角度看，整个“接收HTTP请求并提供Web页面”的需求根本不需要PHP来处理。</p>
<p>不过对Node.js来说，概念完全不一样了。使用Node.js时，我们不仅仅在实现一个应用，同时还实现了整个HTTP服务器。事实上，我们的Web应用以及对应的Web服务器基本上是一样的。</p>
<p>听起来好像有一大堆活要做，但随后我们会逐渐意识到，对Node.js来说这并不是什么麻烦的事。</p>
<p>现在我们就来开始实现之路，先从第一个部分--HTTP服务器着手。</p>
<a name="building-the-application-stack"></a>
<h2>构建应用的模块</h2>
<a name="a-basic-http-server"></a>
<h3>一个基础的HTTP服务器</h3>
<p>
当我准备开始写我的第一个“真正的”Node.js应用的时候，我不但不知道怎么写Node.js代码，也不知道怎么组织这些代码。
<br>
我应该把所有东西都放进一个文件里吗？网上有很多教程都会教你把所有的逻辑都放进一个用Node.js写的基础HTTP服务器里。但是如果我想加入更多的内容，同时还想保持代码的可读性呢？
</p>
<p>
实际上，只要把不同功能的代码放入不同的模块中，保持代码分离还是相当简单的。
</p>
<p>
这种方法允许你拥有一个干净的主文件（main file），你可以用Node.js执行它；同时你可以拥有干净的模块，它们可以被主文件和其他的模块调用。
</p>
<p>
那么，现在我们来创建一个用于启动我们的应用的主文件，和一个保存着我们的HTTP服务器代码的模块。
</p>
<p>
在我的印象里，把主文件叫做<em>index.js</em>或多或少是个标准格式。把服务器模块放进叫<em>server.js</em>的文件里则很好理解。
</p>
<p>
让我们先从服务器模块开始。在你的项目的根目录下创建一个叫<em>server.js</em>的文件，并写入以下代码：
</p>
<pre class="prettyprint lang-js"><span class="kwd">var</span><span class="pln"> http </span><span
class="pun">=</span><span class="pln"> require</span><span class="pun">(</span><span
class="str">"http"</span><span class="pun">);</span><span class="pln"><br><br>http</span><span
class="pun">.</span><span class="pln">createServer</span><span class="pun">(</span><span class="kwd">function</span><span
class="pun">(</span><span class="pln">request</span><span class="pun">,</span><span class="pln"> response</span><span
class="pun">)</span><span class="pln"> </span><span class="pun">{</span><span class="pln"><br> response</span><span
class="pun">.</span><span class="pln">writeHead</span><span class="pun">(</span><span
class="lit">200</span><span class="pun">,</span><span class="pln"> </span><span
class="pun">{</span><span class="str">"Content-Type"</span><span class="pun">:</span><span
class="pln"> </span><span class="str">"text/plain"</span><span class="pun">});</span><span
class="pln"><br> response</span><span class="pun">.</span><span class="pln">write</span><span
class="pun">(</span><span class="str">"Hello World"</span><span class="pun">);</span><span
class="pln"><br> response</span><span class="pun">.</span><span class="pln">end</span><span
class="pun">();</span><span class="pln"><br></span><span class="pun">}).</span><span
class="pln">listen</span><span class="pun">(</span><span class="lit">8888</span><span
class="pun">);</span></pre>
<p>
搞定！你刚刚完成了一个可以工作的HTTP服务器。为了证明这一点，我们来运行并且测试这段代码。首先，用Node.js执行你的脚本：
</p>
<pre>node server.js</pre>
<p>
接下来，打开浏览器访问<a href="http://localhost:8888/" rel="nofollow">http://localhost:8888/</a>，你会看到一个写着“Hello World”的网页。
</p>
<p>
这很有趣，不是吗？让我们先来谈谈HTTP服务器的问题，把如何组织项目的事情先放一边吧，你觉得如何？我保证之后我们会解决那个问题的。
</p>
<a name="analyzing-our-http-server"></a>
<h3>分析HTTP服务器</h3>
<p>
那么接下来，让我们分析一下这个HTTP服务器的构成。
</p>
<p>
第一行<em>请求（require）</em>Node.js自带的 <em>http</em> 模块，并且把它赋值给 <em>http</em> 变量。
</p>
<p>
接下来我们调用http模块提供的函数： <em>creatServer</em> 。这个函数会返回一个对象，这个对象有一个叫做 <em>listen</em> 的方法，这个方法有一个数值参数，指定这个HTTP服务器监听的端口号。
</p>
<p>
咱们暂时先不管 <em>http.creatServer</em> 的括号里的那个函数定义。
</p>
<p>
我们本来可以用这样的代码来启动服务器并侦听8888端口：
</p>
<pre class="prettyprint lang-js"><span class="kwd">var</span><span class="pln"> http </span><span
class="pun">=</span><span class="pln"> require</span><span class="pun">(</span><span
class="str">"http"</span><span class="pun">);</span><span class="pln"><br><br></span><span class="kwd">var</span><span
class="pln"> server </span><span class="pun">=</span><span class="pln"> http</span><span
class="pun">.</span><span class="pln">createServer</span><span class="pun">();</span><span
class="pln"><br>server</span><span class="pun">.</span><span class="pln">listen</span><span class="pun">(</span><span
class="lit">8888</span><span class="pun">);</span></pre>
<p>
这段代码只会启动一个侦听8888端口的服务器，它不做任何别的事情，甚至连请求都不会应答。
</p>
<p>
最有趣（而且，如果你之前习惯使用一个更加保守的语言，比如PHP，它还很奇怪）的部分是 <em>createSever()</em> 的第一个参数，一个函数定义。
</p>
<p>
实际上，这个函数定义是 <em>createServer()</em> 的第一个也是唯一一个参数。因为在JavaScript中，函数和其他变量一样都是可以被传递的。
</p>
<a name="passing-functions-around"></a>
<h3>进行函数传递</h3>
<p>
举例来说，你可以这样做：
</p>
<pre class="prettyprint lang-js"><span class="kwd">function</span><span class="pln"> say</span><span
class="pun">(</span><span class="pln">word</span><span class="pun">)</span><span
class="pln"> </span><span class="pun">{</span><span class="pln"><br> console</span><span
class="pun">.</span><span class="pln">log</span><span class="pun">(</span><span
class="pln">word</span><span class="pun">);</span><span class="pln"><br></span><span
class="pun">}</span><span class="pln"><br><br></span><span class="kwd">function</span><span class="pln"> execute</span><span
class="pun">(</span><span class="pln">someFunction</span><span class="pun">,</span><span class="pln"> value</span><span
class="pun">)</span><span class="pln"> </span><span class="pun">{</span><span class="pln"><br> someFunction</span><span
class="pun">(</span><span class="pln">value</span><span class="pun">);</span><span
class="pln"><br></span><span class="pun">}</span><span class="pln"><br><br>execute</span><span
class="pun">(</span><span class="pln">say</span><span class="pun">,</span><span
class="pln"> </span><span class="str">"Hello"</span><span class="pun">);</span></pre>
<p>
请仔细阅读这段代码！在这里，我们把 <em>say</em> 函数作为<em>execute</em>函数的第一个变量进行了传递。这里返回的不是 <em>say</em> 的返回值，而是 <em>say</em> 本身！
</p>
<p>
这样一来， <em>say</em> 就变成了<em>execute</em> 中的本地变量 <em>someFunction</em> ，execute可以通过调用 <em>someFunction()</em> （带括号的形式）来使用 <em>say</em> 函数。
</p>
<p>
当然，因为 <em>say</em> 有一个变量， <em>execute</em> 在调用 <em>someFunction</em> 时可以传递这样一个变量。
</p>
<p>
我们可以，就像刚才那样，用它的名字把一个函数作为变量传递。但是我们不一定要绕这个“先定义，再传递”的圈子，我们可以直接在另一个函数的括号中定义和传递这个函数：
</p>
<pre class="prettyprint lang-js"><span class="kwd">function</span><span class="pln"> execute</span><span
class="pun">(</span><span class="pln">someFunction</span><span class="pun">,</span><span class="pln"> value</span><span
class="pun">)</span><span class="pln"> </span><span class="pun">{</span><span class="pln"><br> someFunction</span><span
class="pun">(</span><span class="pln">value</span><span class="pun">);</span><span
class="pln"><br></span><span class="pun">}</span><span class="pln"><br><br>execute</span><span
class="pun">(</span><span class="kwd">function</span><span class="pun">(</span><span
class="pln">word</span><span class="pun">){</span><span class="pln"> console</span><span
class="pun">.</span><span class="pln">log</span><span class="pun">(</span><span
class="pln">word</span><span class="pun">)</span><span class="pln"> </span><span
class="pun">},</span><span class="pln"> </span><span class="str">"Hello"</span><span
class="pun">);</span></pre>
<p>
我们在 <em>execute</em> 接受第一个参数的地方直接定义了我们准备传递给 <em>execute</em> 的函数。
</p>
<p>
用这种方式，我们甚至不用给这个函数起名字，这也是为什么它被叫做 <em>匿名函数</em> 。
</p>
<p>
这是我们和我所认为的“进阶”JavaScript的第一次亲密接触，不过我们还是得循序渐进。现在，我们先接受这一点：在JavaScript中，一个函数可以作为另一个函数接收一个参数。我们可以先定义一个函数，然后传递，也可以在传递参数的地方直接定义函数。
</p>
<a name="how-function-passing-makes-our-http-server-work"></a>
<h3>函数传递是如何让HTTP服务器工作的</h3>
<p>带着这些知识，我们再来看看我们简约而不简单的HTTP服务器：</p>
<pre class="prettyprint lang-js"><span class="kwd">var</span><span class="pln"> http </span><span
class="pun">=</span><span class="pln"> require</span><span class="pun">(</span><span
class="str">"http"</span><span class="pun">);</span><span class="pln"><br><br>http</span><span
class="pun">.</span><span class="pln">createServer</span><span class="pun">(</span><span class="kwd">function</span><span
class="pun">(</span><span class="pln">request</span><span class="pun">,</span><span class="pln"> response</span><span
class="pun">)</span><span class="pln"> </span><span class="pun">{</span><span class="pln"><br> response</span><span
class="pun">.</span><span class="pln">writeHead</span><span class="pun">(</span><span
class="lit">200</span><span class="pun">,</span><span class="pln"> </span><span
class="pun">{</span><span class="str">"Content-Type"</span><span class="pun">:</span><span
class="pln"> </span><span class="str">"text/plain"</span><span class="pun">});</span><span
class="pln"><br> response</span><span class="pun">.</span><span class="pln">write</span><span
class="pun">(</span><span class="str">"Hello World"</span><span class="pun">);</span><span
class="pln"><br> response</span><span class="pun">.</span><span class="pln">end</span><span
class="pun">();</span><span class="pln"><br></span><span class="pun">}).</span><span
class="pln">listen</span><span class="pun">(</span><span class="lit">8888</span><span