Functional Programming(FP) 從 Lisp 開始算起也將近 60 幾年了，但直到近 10 幾年來才越來越受到重視，不但新的 Functional Programming Languages（如 Clojure, Elm, ReasonML）不斷的出現。主流的語言也都具備支援 FP 的特性，連知名的老牌語言如 Java, PHP 也都相繼加入支持 FP 的語言特性。FP 的思想不只是影響程式語言設計上，就連軟體架構也都受到了 FP 的影響， 例如 Google 提出的 MapReduce 用來處理大量資料的並行運算。

Think In FP

今年Modern Web 2019 演講結束時，有多位聽眾來問我要怎麼開始在專案中實際應用 Functional Programming？有沒有什麼相關的學習資源？當下我才意識到，其實目前關於 Functional Programming 的中文學習資源還是不夠充足的，所以希望可以透過這個系列的文章讓大家可以更輕鬆地上手 Functional Programming。

Think in FP (00): 關於本系列文章

相信不少人應該都看過世界奇觀，當我們接手或開發一個無比龐大又極度不穩定的系統時，可能會發出這樣的感嘆。最常遇到的麻煩是，當我們修改 A 組件(Component) 時，我們已經確認所有使用 A 組件的地方也都跟著修改，但修改完後仍然造成 B、Ｃ 壞掉，當我們再去把 B、Ｃ 修好時，可能 D、Ｅ 又壞了。最後不得不把整個系統打掉重寫。

Think in FP (01): Why Functional Programming?

這篇文章介紹了什麼是 Functional Programming 以及在 FP 世界裡 function 的定義，還有 function 具有哪些特性，最後用集合抽象的來看 function 所代表的意義，希望讀者們都能有所收穫。

Think in FP (02): All You Need Is Function

在上一篇文章我們介紹了什麼是 Function，今天這篇文章想再跟大家釐清，我們平常用到的 Function 其實跟上一篇文章裡說的 Function 是不一樣的東西。

Think in FP (03): 我們的 Function 不一樣

在前幾篇文章中介紹了什麼是 Pure Function 以及保持 Function Pure 的第一步，今天要介紹為什麼我們推崇 Pure Function 以及 Pure Function 帶來了什麼好處！

Think in FP (04): 為什麼「純」？

Array 是一種我們經常使用的資料格式，不管用什麼程式語言，都一定會碰觸到 array。但過去我們剛開始學習寫程式的時候，通常都是用 imperative 的方式在學習如何撰寫程式，讓我們很少有機會去更深入的認識 array 。

Think in FP (05): 一切從 Array 說起

就如同羅輯思維羅胖老師所說的，在這資訊爆炸的時代，所有的內容生產者要思考一個新維度，那就是我們能幫讀者節省多少的時間？這系列文章的核心目標就是幫助讀者節省學習 RxJS 的時間，盡可能地以最低的成本精通 RxJS！

30 天精通 RxJS

30 天精通 RxJS (00)：關於本系列文章

RxJS 是筆者認為未來幾年內會非常紅的 Library，RxJS 提供了一套完整的非同步解決方案，讓我們在面對各種非同步行為，不管是 Event, AJAX, 還是 Animation 等，我們都可以使用相同的 API (Application Programming Interface) 做開發。

30 天精通 RxJS (01)：認識 RxJS

Functional Programming 是 Rx 最重要的觀念之一，基本上只要學會 FP 要上手 Rx 就不難了！Functional Programming 可以說是近年來的顯學，各種新的函式編程語言推出之外，其他舊有的語言也都在新版中加強對 FP 的支援！

30 天精通 RxJS (02)：Functional Programming 基本觀念

了解 Functional Programming 的通用函式，能讓我們寫出更簡潔的程式碼，也能幫助我們學習 RxJS。

30 天精通 RxJS (03)：Functional Programming 通用函式

整個 RxJS 的基礎就是 Observable，只要弄懂 Observable 就算是學會一半的 RxJS 了，剩下的就只是一些方法的練習跟熟悉；但到底什麼是 Observable 呢？

30 天精通 RxJS (04)：什麼是 Observable ?

Observable 是 RxJS 的核心，今天讓我們從如何建立 Observable 開始！

30 天精通 RxJS (05)： 建立 Observable(一)

通常我們會透過 creation operator 來建立 Observable 實例，這篇文章會講解幾個較為常用的 operator！

30 天精通 RxJS (06)： 建立 Observable(二)

Observable 的 Operators 是實務應用上最重要的部份，我們需要了解各種 Operators 的使用方式，才能輕鬆實作各種需求！

30 天精通 RxJS (07)：Observable Operators & Marble Diagrams

如果是你會如何實作拖拉的功能？

30 天精通 RxJS (08)：簡易拖拉實作 - take, first, takeUntil, concatAll

今天是美好的聖誕節，先祝讀者們聖誕快樂！ 為了讓大家在聖誕節好好的陪家人，所以今天的文章內容就輕鬆點，讓我們簡單介紹幾個的 operators 就好了。

30 天精通 RxJS (09)：Observable Operator - skip, takeLast, last, concat, startWith, merge

昨天我們最後講到了 `merge` 的用法，它的邏輯就像是 OR(||)一樣，可以把多個 observable 合併且同時處理，當其中任合一個 observable 送出元素時，我們都做相同的處理。
今天我們要講的三個 operators 則像是 AND(&&) 邏輯，它們都是在多個元素送進來時，只輸出一個新元素，但各自的行為上仍有差異，需要讀者花點時間思考，建議在頭腦清醒時閱讀本篇文章。

30 天精通 RxJS (10)：Observable Operator - combineLatest, withLatestFrom, zip

有次不小心進到了優酷，發現優酷有個不錯的功能，能大大的提升用戶體驗，就讓我們一起來實作這個效果吧！

30 天精通 RxJS (11)：實務範例 - 完整拖拉應用

今天要繼續講兩個簡單的 transformation operators 並帶一些小範例，這兩個 operators 都是實務上很常會用到的方法。

30 天精通 RxJS (12)：Observable Operator - scan, buffer

在所有非同步中行為中，最麻煩的大概就是 UI 操作了，因為 UI 是直接影響使用者的感受，如果處理的不好對使用體驗會大大的扣分！

30 天精通 RxJS (13)：Observable Operator - delay, delayWhen

昨天講到了在 UI 操作上很常用的 delay，今天我們接著要來講另外兩個也非常實用 operators，尤其在做效能優化時更是不可或缺的好工具！

30 天精通 RxJS (14)：Observable Operator - throttle, debounce

新的一年馬上就要到了，各位讀者都去哪裡跨年呢？ 筆者很可憐的只能一邊寫文章一邊跨年，今天就簡單看幾個 operators 讓大家好好跨年吧！

30 天精通 RxJS (15)：Observable Operators - distinct, distinctUntilChanged

我們已經快把所有基本的轉換(Transformation)、過濾(Filter)和合并(Combination)的 operators 講完了。今天要講錯誤處理(Error Handling)的 operators，錯誤處理是非同步行為中的一大難題，尤其有多個交錯的非同步行為時，更容易凸顯錯誤處理的困難。就讓我們一起來看看在 RxJS 中能如何處理錯誤吧！

30 天精通 RxJS (16)：Observable Operators - catch, retry, retryWhen, repeat

今天我們要講三個 operators，這三個 operators 都是用來處理 Higher Order Observable。

30 天精通 RxJS (17)：Observable Operators - switch, mergeAll, concatAll

今天我們要講三個非常重要的 operators，這三個 operators 在很多的 RxJS 相關的 library 的使用範例上都會看到。很多初學者在使用這些 library 時，看到這三個 operators 很可能就放棄了，但其實如果有把這個系列的文章完整看過的話，現在應該就能很好接受跟理解。

30 天精通 RxJS (18)：Observable Operators - switchMap, mergeMap, concatMap

今天我們要做一個 RxJS 的經典範例 - 自動完成 (Auto Complete)，自動完成在實務上的應用非常廣泛，幾乎隨處可見這樣的功能，只要是跟表單、搜尋相關的都會看到。 雖然是個很常見的功能，但多數的工程師都只是直接套套件來完成，很少有人會自己從頭到尾把完整的邏輯寫一次。

30 天精通 RxJS (19)：實務範例 - 簡易 Auto Complete 實作

前幾天我們講完了能把 Higher Order Observable 轉成一般的 Observable 的 operators，今天我們要講能夠把一般的 Observable 轉成 Higher Order Observable 的 operators。其實前端不太有機會用到這類型的 Operators，都是在比較特殊的需求下才會看到，但還是會有遇到的時候。

30 天精通 RxJS (20)：Observable Operators - window, windowToggle, groupBy

我們已經把絕大部分的 operators 都介紹完了，但一直沒有機會好好的解釋 Observable 的 operators 運作方式。

30 天精通 RxJS(21)：深入 Observable

終於進到了 RxJS 的第二個重點 Subject，不知道讀者們有沒有發現？ 我們在這篇文章之前的範例，每個 observable 都只訂閱了一次，而實際上 observable 是可以多次訂閱的。

30 天精通 RxJS (22)：Subject 基本觀念

昨天我們介紹了 Subject 是什麼，今天要講 Subject 一些應用方式，以及 Subject 的另外三種變形。

30 天精通 RxJS (23)：Subject, BehaviorSubject, ReplaySubject, AsyncSubject

昨天我們介紹完了各種 Subject，不曉得各位讀者還記不記得在一開始講到 Subject 時，是希望能夠讓 Observable 有新訂閱時，可以共用前一個訂閱的執行而不要從頭開始

30 天精通 RxJS (24)：Observable operators - multicast, refCount, publish, share

Subject 其實在 RxJS 中最常被誤解的一部份，因為 Subject 可以讓你用命令式的方式雖送值到一個 observable 的串流中。

30 天精通 RxJS (25)：Subject 總結

因為實在太多讀者在問要如何實作 Observable，所以特別調整了本系列文章最後幾篇的內容，空出一天的位置來寫如何簡易實作 Observable。

30 天精通 RxJS (26)：簡易實作 Observable(一)

前一篇文章我們已經完成了基本的 observable 以及 Observer 的簡易實作，這篇文章我們會接續上一篇的內容實作簡易的 Observable 類別，以及一個 creation operator 和一個  transform operator。

30 天精通 RxJS (27)：簡易實作 Observable(二)

不曉得讀者們還記不記得，我們在前面的文章中有提到 Scheduler 是為了解決 RxJS 衍生的最後一個問題，而我們現在就在揭曉這個謎底。

30 天精通 RxJS (28)：Scheduler 基本觀念

30 天悄悄的就過了，這 30 篇的文章基本上已經把 RxJS 一個核心三個重點(Observable + Observer + Subject + Scheduler)以及各個 operators 幾乎也都有寫到。最開始寫這個系列的文章是希望能讓 RxJS 的學習曲線降低，所以文章的前後順序及內容都是特別規劃過的，不知道我到底是不是真的做到了。

30 天精通 RxJS (29)：30 天感言

Hot Observable 跟 Cold Observable 的差別，其實就是 **資料源(Data Source)** 在 Observable 內部建立還是外部建立。

30 天精通 RxJS(30)：Cold & Hot Observable

Debug 一直是 RxJS 的難題，原因是當我們使用 RxJS 後，程式碼就會變得高度 **抽象化**；實際上抽象並不是什麼壞事，抽象會讓程式碼顯得簡潔、乾淨，但同時也帶來了除錯上的困難。

Series

J.H. Blog

Think In FP

30 天精通 RxJS