天天看點

rxjs裡的Observable對象和map配合的一個用法

rxjs裡的Observable對象和map配合的一個用法

執行結果:

rxjs裡的Observable對象和map配合的一個用法

map操作符接收的是一個箭頭函數:

rxjs裡的Observable對象和map配合的一個用法
rxjs裡的Observable對象和map配合的一個用法

map内部的實作:傳回一個新的名為mapOperation的函數,接受單參數。

rxjs裡的Observable對象和map配合的一個用法

source是Observable,project是應用開發人員指定的箭頭函數:

rxjs裡的Observable對象和map配合的一個用法
rxjs裡的Observable對象和map配合的一個用法
rxjs裡的Observable對象和map配合的一個用法
rxjs裡的Observable對象和map配合的一個用法
rxjs裡的Observable對象和map配合的一個用法

sink是subscriber,source是Observable,operator是箭頭函數:

rxjs裡的Observable對象和map配合的一個用法

如果有operator,先執行箭頭函數:

rxjs裡的Observable對象和map配合的一個用法
rxjs裡的Observable對象和map配合的一個用法

把箭頭函數傳回的結果,作為新的輸入參數,傳入到subscriber的next方法裡:

rxjs裡的Observable對象和map配合的一個用法
rxjs裡的Observable對象和map配合的一個用法
rxjs裡的Observable對象和map配合的一個用法

最終執行調用subscribe時傳入的箭頭函數:

rxjs裡的Observable對象和map配合的一個用法

再看另一個例子:使用map優雅地消費一個API:

rxjs裡的Observable對象和map配合的一個用法

繼續閱讀