這是一部寫給前端工程師的函數式編程實戰指南，由阿裡本地生活企業訂餐前端負責人撰寫。

作者結合自己在前端領域的大量工程實踐經驗，首先從前端開發者的角度介紹了函數式編程在前端領域的演進，以及前端的函數式編程知識；然後對React和RxJS等流行前端工具的函數式編程功能和思想進行了深入剖析，既可以幫助讀者更好地理解和使用這些工具，又能給予讀者技術選型方面的建議。此外，書中提供了平臺級別的前端開發示例的多種實現，方便讀者結合書中的理論進行印證和思考。

通過閱讀本書，你將：

• 理解函數式和它的編程實踐；


• 理解函數式對前端工具的影響；


• 使用代碼編寫具備函數式風格的業務代碼和工具方法；


• 更好地理解前端領域框架和庫產生的動機和原理；


• 入門使用熱門工具RxJS和React Hooks；


• 從更多側面思考前端的發展和核心訴求；


• 編寫平臺型的前端項目。

【本書共9章，可從邏輯上分為3個部分】

*第①部分（第1～3章） 理論基礎

首先盤點了命令式編程、聲明式編程等各種常見的編程範式以及它們在前端領域的表現，然後介紹了前端函數式的基礎概念和函數式思維，以及前端的各種常見特征。

*第②部分（第4～7章） 原理分析

首先介紹了經典的函數式模型Monadic，然後基於jQuery等工具梳理了在函數式編程的影響下前端工具形態的演進，再後基於熱門框架RxJS和React Hooks分析了函數式思想對它們以及整個前端領域的影響。

*第③部分（第8、9章） 總結

首先總結了前端開發的核心復雜度和函數式思想的作用，並探討了前端工程化相關的內容；然後梳理了全書的示例，幫助讀者通過代碼完成知識的落地。

第1章編程範式和前端體現 1
1.1編程範式 2
1.2命令式編程 2
1.3面向對像 3
1編程 4
1.5聲明式編程 5
1.6邏輯式編程 6
1.7函數式編程 8
1.8案例和代碼 9
1.8.1案例總覽 9
1.8.2命令式編程示例 11
1.8.3聲明式編程示例 11
1.8.4面向編程和函數式編程示例 13
1.9本章小結 15
第2章前端函數式基礎概念 16
2.1JavaScript多範式中的函數式 16
2.1.1閉包 17
2.1.2高階函數 18
2.1.3Lambda表達式 19
2.1.4Array數組集合和函數組合子 20
2.2持續補全 21
2.2.1基於JavaScript高階函數的編碼優化 21
2.2.2基於工具和標準的再加工 24
2.3函數式的 26
2.3.1副作用 27
2.3.2引用透明和純函數 27
2.4案例和代碼 28
2.4.1閉包和單例 28
2.4.2數組方法和鏈式調用 31
2.4.3惰性加載 32
2.5本章小結 33
第3章函數式思維和前端特征 35
3.1狀態和副作用 36
3.2過程和高階抽像 38
3.2.1便捷地對過程反復包裝 39
3.2.2另一種編程世界觀：流過繫統的信息流 40
3.3運行環境承擔更多的職責 41
3.3.1循環、映射和遞歸 42
3.3.2函數式過程抽像忽略的細節操作 43
3.4類型和數據結構 44
3.4.1面向能力的數據結構 44
3.4.2對場景下類型的作用進行替換 46
3.5設計模式和語言特征 48
3.6異常態 49
3.7前端的其他特征 50
3.7.1弱類型和動態類型 51
3.7.2Array的組合運算 51
3.8案例和代碼 52
3.8.1狀態和副作用示例 52
3.8.2過程和高階抽像示例 55
3.8.3循環和遞歸示例 56
3.8.4類型檢測和動態類型 60
3.8.5異常態和容錯處理 61
3.9本章小結 63
第4章Monadic編程和它的範疇理論 
4.1Monadic編程簡介 
4.2函子和它的基礎實例 65
4.3應用函子 66
4.4Maybe實現類 68
4.5Either函子 71
4.6幺半群 73
4.7單子：自函子範疇上的幺半群 75
4.8函數響應式編程 77
4.9案例和代碼 78
4.9.1函子示例 78
4.9.2響應式編程的簡單示例 80
4.10本章小結 81
第5章函數式工具形態演進 82
5.1jQuery和鏈式調用 82
5.2管道和組合 84
5.3Promise編碼 87
5.4Async/Await函數 89
5.5MobX、RxJS和響應式編程 90
5.6函數式的並發保障 92
5.7案例和代碼 94
5.7.1鏈式調用和開發中調試 94
5.7.2Pipeline和切面編程 95
5.7.3Async/Await異步和異常 96
5.8本章小結 97
第6章從RxJS看事件流和函數響應式編程 99
6.1RxJS的產生和事件流編程演進 99
6.1.1RxJS的產生 100
6.1.2事件流響應演變 100
6.2核心類 103
6.3“紅包雨掉落”代碼改造 106
     事件流相關主要方法舉例 110
6.5案例和代碼 114
6.6本章小結 118
第7章React Hooks和它的函數式考量 120
7.1無狀態組件和狀態管理 120
7.1.1現代前端框架和無狀態組件 121
7.1.2狀態管理 125
7.2React Hooks的原理和目的 128
7.3React Hooks的實踐和方向 130
7.4案例和代碼 133
7.5本章小結 137
第8章函數式和前端復雜度總結 138
8.1前端開發的復雜度 138
8.1.1前端開發者可以介入的時機 139
8.1.2純粹的運算復雜度 142
8.1.3前端和相鄰領域復雜度的區別 142
8.2函數式在前端的積極作用 144
8.2.1釐清運行時的狀態變化 145
8.2.2加強編程的工程指標 145
8.2.3簡化編碼 146
8.3編碼之上的工作 146
8.3.1軟件完整度和現實的工作狀態 146
8.3.2前端迭代的呼應 147
8.3.3編碼外的更多規劃 148
8.4他山之石 148
8.4.1前端即是客戶端 148
8.4.2更充分地利用前端能力 149
8.4.3工程研發 149
8.5案例和代碼 151
8.5.1前端開發復雜度 151
8.5.2運行時監控和整體工程特性 155
8.6本章小結 158
第9章簡易關卡引擎項目補充 159
9.1需求清單 159
9.2項目和文件結構 161
9.3開發者和用戶交互 162
9.4整體服務和引擎生命周期 162
9.5代碼清單 163
9.5.1主頁需求實現 163
9.5.2關卡頁需求實現 167
9.5.3統計分數等數據服務邏輯 176
9.5.4體力模式等前端業務邏輯 178
9.5.5自定義關卡詳情頁 181
9.5.6廣告頁和活動頁 183
9.6更多擴展 186
9.7本章小結 186

【為何寫作本書】

本書的關鍵詞是前端開發和函數式，重點闡述函數式在Web前端的重要作用和演進。

Web前端繫統的核心邏輯已經從簡單的靜態展示和交互，演進為面向用戶的多入口交互響應，以及隨之產生的事件流。近代軟件繫統主流的命令式編程和信息數據管理模式，有時已不能滿足當前場景的前端開發需求，而函數式非常契合這些需求，因而受到前端開發者的歡迎。

近年來，隨著前端工程化發展逐漸成熟，前端開發領域的大部分工具和框架都引入了函數式的特性，並借鋻了其中的一些思想。這些框架和工具涵蓋了早期工具庫，如jQuery、Lodash，以及近幾年互聯網公司普遍使用的React、狀態管理等，使得函數式成為Web開發領域重要的技術。

本書旨在和大家分享、探討前端函數式的知識，尤其是結構化的前端函數式知識、前端受到函數式影響的內容以及背後一些相關領域的知識，希望能幫助大家繫統地掌握前端函數式開發方法。

【本書主要內容】

本書從邏輯上分為三部分。

*部分（第1～3章）是全書的理論基礎。

第1章介紹編程語言中的編程範式以及各種範式在前端的體現。第2章介紹函數式的常見概念。這兩章的內容對於基礎較好的讀者來說可能是老生常談，但是我加入了一些前端示例和個人理解，也算是老壇裝新酒。

第3章介紹函數式思維的相關內容，幫助讀者在使用函數式框架工具時從傳統命令式編程的思考方式，向更契合函數式前端開發的思考方式轉變，比如對循環的實現、數據結構的差別、對異常態和類型的處理等。

*第二部分（第4～7章）以實際的工具內容為主，分別介紹前端函數式的幾種重要形態。

第4章介紹Monadic編程，這是函數式的一種經典工程實現，也在前端衍生了一些工具。在這一章我們將學習工程理論的幾個，如函子、幺半群，並進行一些實用性的分析和推導。

第5章從jQuery出發，介紹函數式工具形態演進。很多研發工程師對前端的理解都停留在jQuery的經典時代，本章從函數式“形”的角度出發，介紹前端函數式工具。

第6章和第7章將介紹前端函數式的兩個熱門框架工具——RxJS和React Hooks，展示它們的基本原理以及演進過程。

*第三部分（第8章和第9章）是本書的總結部分。

第8章回歸初心，探討前端開發的核心復雜度，以及函數式在前端開發中的貢獻。希望讀者能像借鋻函數式思想一樣，多借“他山之石”，在前端和其他研發領域成為更出色的工程師。

第9章梳理本書項目的整體情況，並展現一些核心代碼，幫助讀者通過代碼完成知識的落地和沉澱。

【本書讀者對像】

本書內容圍繞前端開發領域，列舉的實例多基於前端框架和工具等方面，所以更適合中高級前端開發者和對前端生態有所了解的程序員閱讀。

【本書內容特色】

本書除了介紹前端和函數式的基本概念及工具，還配有較多示例，可以幫助讀者理解這些理論內容和工具並應用到實踐中。除此之外，我將個人對這些理論演進的理解融入本書，希望能對讀者建立知識體繫有一定的幫助。

*函數式編程作為一種高階編程範式，與面向對像的開發理念和思維模式截然不同，深入理解這種差異性，是程序員進階的必經之路。本書由淺入深體繫化地講解了函數式編程在前端領域的應用，內容翔實、廣開思路，強烈推薦。

——許紅濤 阿裡本地生活企業訂餐研發部負責人

*近幾年，函數式編程思想對前端的影響很大，React、Vue等熱門框架一直在不斷吸納該思想來解決實際問題。本書作者是一位喜歡鑽研且具備極強學習能力的優秀前端開發者，相信這本書可以幫助你對函數式編程有更全面的認知和更深入的理解。
——王超楠 大地量子前端專家

*函數式編程已經逐漸成為前端主流，並且在熱門框架中得到了大規模應用。本書從函數式編程的概念開始，到函數式編程的技術演進，結合 React Hooks和RxJS等實際案例，以一種繫統化的方式幫助讀者學習函數式編程，深入淺出、易於理解，適合所有前端開發者。
——Bill 前端資深開發專家/原餓了麼中後臺多業務前端擔當