騰訊前端Alloy Team團隊出品，資 深前端架構師曾探力作
全面涵蓋專門針對JavaScript的16個設計模式
深入剖析面向對像設計原則、編程技巧及代碼重構

設計模式是軟件設計中經過了大量實際項目驗證的可復用的優 秀解決方案，它有助於程序員寫出可復用和可維護性高的程序。許多優 秀的JavaScript開源框架都運用了不少設計模式，越來越多的程序員從設計模式中獲益，也許是改善了自己編寫的某個軟件，也許是更好地理解了面向對像的編程思想。無論如何，繫統地學習設計模式都會令你受益匪淺。

本書在尊重《設計模式》原意的同時，針對JavaScript語言特性全面介紹了更適合JavaScript程序員的了16個常用的設計模式，講解了JavaScript面向對像和函數式編程方面的基礎知識，介紹了面向對像的設計原則及其在設計模式中的體現，還分享了面向對像編程技巧和日常開發中的代碼重構。本書將教會你如何把經典的設計模式應用到JavaScript語言中，編寫出優美高效、結構化和可維護的代碼。

本書是根據JavaScript語言的特性專門針對JavaScript語言全面總結的設計模式。全書共分為三個部分，第 一部分講解了JavaScript語言面向對像和函數式編程的知識及其在設計模式方面的作用；第 二部分通過一步步完善的代碼示例，由淺入深地講解了16個設計模式；第三部分講述了面向對像的設計原則及其在設計模式中的體現，以及一些常見的面向對像編程技巧和日常開發中的代碼重構。
書中所有示例均來自作者長期的開發實踐，與實際開發密切相關，適合初、中、高 級Web前端開發人員閱讀，尤其適合想往架構師晉級的中高 級程序員。

曾探
2007年畢業於吉林大學軟件學院。就職於國內知名前端團隊騰訊AlloyTeam，高 級工程師。
曾參與Web QQ、QQ群、Q+開發 者網站、微雲、QQ興趣部落等大型前端項目的開發。有過Java、Python和JavaScript的開發經驗，業餘作品有HTML5版街頭霸王等。
平時喜歡電影和音樂，業餘時間也是一名健身教練。

目錄

第 一部分基礎知識
第 1章面向對像的JavaScript 2
1．1動態類型語言和鴨子類型 2
1．2多態 4
1．2．1一段“多態”的JavaScript
代碼 5
1．2．2對像的多態性 5
1．2．3類型檢查和多態 6
1．2．4使用繼承得到多態效果 7
1．2．5JavaScript的多態 8
1．2．6多態在面向對像程序設計中
的作用 9
1．2．7設計模式與多態 11
1．3封裝 12
1．3．1封裝數據 12
1．3．2封裝實現 12
1．3．3封裝類型 13
1．3．4封裝變化 13
1．4原型模式和基於原型繼承的JavaScript
對像繫統 14
1．4．1使用克隆的原型模式 14
1．4．2克隆是創建對像的手段 15
1．4．3體驗Io語言 15
1．4．4原型編程範型的一些規則 17
1．4．5JavaScript中的原型繼承 18
1．4．6原型繼承的未來 22
1．4．6小結 23
第 2章this、call和apply 24
2．1this 24
2．1．1this的指向 24
2．1．2丟失的this 27
2．2call和apply 29
2．2．1call和apply的區別 29
2．2．2call和apply的用途 30
第3章閉包和高階函數 35
3．1閉包 35
3．1．1變量的作用域 35
3．1．2變量的生存周期 36
3．1．3閉包的更多作用 38
3．1．4閉包和面向對像設計 40
3．1．5用閉包實現命令模式 41
3．1．6閉包與內存管理 43
3．2高階函數 44
3．2．1函數作為參數傳遞 44
3．2．2函數作為返回值輸出 46
3．2．3高階函數實現AOP 47
3．2．4高階函數的其他應用 49
3．3小結 58
第 二部分設計模式
第4章單例模式 60
4．1實現單例模式 60
4．2透明的單例模式 61
4．3用代理實現單例模式 62
4．4JavaScript中的單例模式 63
4．5惰性單例 65
4．6通用的惰性單例 68
4．7小結 70
第5章程序員與算法 71
5．1使用策略模式計算獎金 72
5．2JavaScript版本的策略模式 75
5．3多態在策略模式中的體現 76
5．4使用策略模式實現緩動動畫 76
5．4．1實現動畫效果的原理 76
5．4．2思路和一些準備工作 77
5．4．3讓小球運動起來 77
5．5更廣義的“算法” 80
5．6表單校驗 80
5．6．1表單校驗的第 一個版本 80
5．6．2用策略模式重構表單校驗 81
5．6．3給某個文本輸入框添加多種
校驗規則 83
5．7策略模式的優缺點 86
5．8一等函數對像與策略模式 86
5．9小結 87
第6章代理模式 88
6．1第 一個例子——小明追MM的故事 88
6．2保護代理和虛擬代理 91
6．3虛擬代理實現圖片預加載 91
6．4代理的意義 93
6．5代理和本體接口的一致性 94
6．6虛擬代理合並HTTP請求 95
6．7虛擬代理在惰性加載中的應用 97
6．8緩存代理 99
6．8．1緩存代理的例子——計算
乘積 99
6．8．2緩存代理用於ajax異步請
求數據 100
6．9用高階函數動態創建代理 100
6．10其他代理模式 101
6．11小結 102
第7章迭代器模式 103
7．1jQuery中的迭代器 103
7．2實現自己的迭代器 104
7．3內部迭代器和外部迭代器 104
7．4迭代類數組對像和字面量對像 106
7．5倒序迭代器 106
7．6中止迭代器 107
7．7迭代器模式的應用舉例 107
7．8小結 109
第8章發布—訂閱模式 110
8．1現實中的發布—訂閱模式 110
8．2發布—訂閱模式的作用 110
8．3DOM事件 111
8．4自定義事件 112
8．5發布—訂閱模式的通用實現 113
8．6取消訂閱的事件 115
8．7真實的例子——網站登錄 115
8．8全局的發布—訂閱對像 117
8．9模塊間通信 119
8．10必須先訂閱再發布嗎 120
8．11全局事件的命名衝突 121
8．12JavaScript實現發布—訂閱模式的
便利性 124
8．13小結 124
第9章命令模式 125
9．1命令模式的用途 125
9．2命令模式的例子——菜單程序 126
9．3JavaScript中的命令模式 128
9．4撤銷命令 130
9．5恢復命令日志 132
9．6命令隊列 133
9．7宏命令 134
9．8智能命令與傻瓜命令 135
9．9小結 136
第 10章組合模式 137
10．1回顧宏命令 138
10．2組合模式的用途 139
10．3請求在樹中傳遞的過程 139
10．4更強大的宏命令 140
10．5抽像類在組合模式中的作用 143
10．6透明性帶來的安全問題 144
10．7組合模式的例子——掃描文件夾 145
10．8一些值得注意的地方 147
10．9引用父對像 148
10．10何時使用組合模式 150
10．11小結 150
第 11章模板方法模式 151
11．1模板方法模式的定義和組成 151
11．2第 一個例子Coffee or Tea 151
11．2．1先泡一杯咖啡 152
11．2．2沏一壺茶 152
11．2．3分離出共同點 153
11．2．4創建Coffee子類和Tea
子類 154
11．3抽像類 156
11．3．1抽像類的作用 156
11．3．2抽像方法和具體方法 156
11．3．3用Java實現Coffee or Tea的例子 157
11．3．4JavaScript沒有抽像類的
缺點和變通 158
11．4模板方法模式的使用場景 159
11．5鉤子方法 160
11．6好萊塢原則 162
11．7真的需要“繼承”嗎 162
11．8小結 164
第 12模式 165
12．1模式 165
12．2內部狀態與外部狀態 166
12．模式的通用結構 167
12．4文件上傳的例子 167
12．4．1對像爆炸 168
12．4．模式重構文件上傳 170
12．4．3剝離外部狀態 170
12．4．4工廠進行對像實例化 171
12．4．5管理器封裝外部狀態 171
12．模式的適用性 173
12．6再談內部狀態和外部狀態 173
12．6．1沒有內部狀 173
12．6．2沒有外部狀態” 174
12．7對像池 175
12．7．1對像池實現 175
12．7．2通用對像池實現 177
12．8小結 178
第 13章職責鏈模式 179
13．1現實中的職責鏈模式 179
13．2實際開發中的職責鏈模式 180
13．3用職責鏈模式重構代碼 181
13．4靈活可拆分的職責鏈節點 183
13．5異步的職責鏈 184
13．6職責鏈模式的優缺點 185
13．7用AOP實現職責鏈 186
13．8用職責鏈模式獲取文件上傳對像 187
13．9小結 188
第 14章中介者模式 189
14．1現實中的中介者 190
14．2中介者模式的例子——泡泡堂遊戲 191
14．2．1為遊戲增加隊伍 192
14．2．2玩家增多帶來的困擾 194
14．2．3用中介者模式改造泡泡堂
遊戲 194
14．3中介者模式的例子——購買商品 199
14．3．1開始編寫代碼 201
14．3．2對像之間的聯繫 202
14．3．3可能遇到的困難 203
14．3．4引入中介者 205
14．4小結 207
第 15章裝飾者模式 209
15．1給對像動態添加職責 210
15．2模擬傳統面向對像語言的裝飾者
模式 210
15．3裝飾者也是包裝器 211
15．4回到JavaScript的裝飾者 212
15．5裝飾函數 213
15．6用AOP裝飾函數 215
15．7AOP的應用實例 217
15．7．1數據統計上報 217
15．7．2統計函數執行時間 218
15．7．3用AOP動態改變函數的
參數 219
15．7．4插件式的表單驗證 221
15．8裝飾者模式和代理模式 224
15．9小結 224
第 16章狀態模式 225
16．1初識狀態模式 225
16．1．1第 一個例子：電燈程序 226
16．1．2狀態模式改進電燈程序 227
16．2狀態模式的定義 231
16．3狀態模式的通用結構 231
16．4缺少抽像類的變通方式 232
16．5另一個狀態模式示例——文件
上傳 233