hsiaofung
commented
4 years ago 什麼是Reactive Programming :
- 當變數或資源發生變動時，由變數或資源自動通知發生變動了。
- 非同步
- 由變數自動告知，不須寫code 通知程式碼。
Functional Programming 基本觀念
- 把每一個運算包成一個個不同的function，並用這些function 組合出我們要的結果。
- 函式需為一等公民才能支援function programming，及函式可assign 給變數、參數、及返回值。
Function Programming 通用函式
- forEach
- map
- filter
Observer Pattern
- DOM物件的事件監聽 : 觀察者模式，可以對某事件監聽，並在事件發生時，自動執行註冊的監聽者。
- Observer Pattern 如何在事件跟監聽者的互動中去耦合。
- 主要的動機: 降低耦合性。物件不再呼叫其他物件的方法，而是訂閱其他物件的特定活動，並在發生時得到通知。
- 訂閱者被稱為觀察者，被觀察的物件稱為出版者(publisher)或是主題(subject)
- 當有重要的事件發生時，出版者會通知(呼叫)所有的訂閱者，且通常會用event物件的形式傳遞一份訊息。
- example : 訂閱雜誌、按鍵遊戲。
Iterator Pattern
- Iterator 是一個物件，它就像一個指針(pointer)，指向一個資料結構並產生一個序列，這個序列會有資料結構中所有的元素。
- 在iterator 模式中，你有個包含了某種資料集的物件。這些資料也許儲存在一個複雜的結構內，而你想要提供簡單的操做，來存取該結構的元素。客戶不需要知道你是如何組織資料的；他們只需要操作這些個別元素就可以了。
- 在iterator 模式中，你的物件必須提供一個next()方法。在序列中呼叫next()，必須回傳下一個元素，你可以自行決定所謂下一個在你特定的資料結構中的意義。
什麼是Observable?
- Observable 是Observer pattern 和 Iterator Pattern 思想的結合。
- Observable 具備生產者推送資料的特性，同時能像序列，擁有序列處理資料的方法。
- Observable 就像是一個序列，裡面的元素會隨著時間推送。
什麼是RxJS
- 一個核心三個重點
- 一個核心 : Observable 再加上相關的Operator
- 三個重點 :
- Observer
- Subject
- Schedulers
Observable
- Observable : 可以被訂閱，或可被觀察。
- 建立Observable : create
- Observable 可以同時處理同步跟非同步行為。
- 訂閱一個Observable就像執行一個function。
Observable Creation Operator
- Observable 有許多創建實例的方法，稱為creation operator。
- creation operator
- create
- of
- from : 將陣列變成一筆一筆的資料輸出。也可傳字串，或promise。
- fromEvent
- fromPromise : 傳入Promise 物件。
- never
- empty
- throw
- interval
- timer
Observer : 觀察者
- 訂閱Observable 的物件又稱為觀察者(Observer)
- Observer是一個物件，這個物件有三個方法，分別是next，error，complete
- 每當Observable 發生事件時，便會呼叫觀察者相對應的方法。(這裡的觀察者是物件不是設計模式)
- 可以定義觀察者物件及三個方法，就可以處理接收observable發送的資料。
- 觀察者可以只具有next方法。
什麼是RXJS?
How to use RxJs for building applications in reactive style ?