rxjs(reactive x)

官網(wǎng):https://rxjs.dev/api

關(guān)于subscription
https://blog.csdn.net/weixin_26643379/article/details/108892234

參考鏈接:
https://reactive.how/ 可視化對比視頻動畫
https://segmentfault.com/a/1190000013186747

rxjs: 一組用來處理異步或事件的 js 函式庫

核心概念:

rxjs是一個使用觀察者模式來整合異步操作和事件系統(tǒng)的js庫迷守,通過一系列可觀測的流(observable)將它們串聯(lián)起來更哄。
Observable是這個庫的核心類型析藕,此外還包括諸如Observer颊亮,Schedulers强胰,Subjects等類型桥嗤。
還包括一些和數(shù)組方法類似或經(jīng)過演化的操作符监右,用來協(xié)助處理數(shù)據(jù)督怜。

在rxjs中用來處理異步事件的核心概念包括:

  • observable: 代表了未來可能會產(chǎn)生的一系列的值或事件的集合;
  • observer: 回調(diào)函數(shù)的集合袭景,它知道如何去處理observable上產(chǎn)生的值或者事件唁桩,當然也包括異常。
  • subscription: 代表當前正在訂閱的observable耸棒,主要作用是用來取消訂閱行為荒澡。
  • operators: 純函數(shù),以函數(shù)式的風格通過各種各樣的操作符相互配合對observable上產(chǎn)生的數(shù)據(jù)集合進處理与殃。
  • subject: 相當于一個事件發(fā)射器单山,允許將相同的值傳遞給多個訂閱者。
  • schedulers: 協(xié)調(diào)observable上數(shù)據(jù)的發(fā)射方式幅疼。

示例:

在javascript中通常使用以下方式來注冊事件:

var button = document.querySelector('button');

button.addEventListener('click', () => console.log('Clicked'));

使用rxjs的方式實現(xiàn)如下:

var button = document.querySelector('button');

Rx.Observable.fromEvent(button, 'click')
    .subscribe(() => console.log('Clicked'));
image.png

subscribe return 的回調(diào)值就是subscriotion
觀察者一般是個函數(shù)


image.png

有人訂閱米奸,觀察行為才會啟動
并不是有觀察者就行,必須要有subscribe去訂閱K瘛c参!逐工!
unsubscribe 取消訂閱后膨疏,不會再觸發(fā)訂閱


image.png
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市钻弄,隨后出現(xiàn)的幾起案子佃却,更是在濱河造成了極大的恐慌,老刑警劉巖窘俺,帶你破解...
    沈念sama閱讀 211,817評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件饲帅,死亡現(xiàn)場離奇詭異复凳,居然都是意外死亡,警方通過查閱死者的電腦和手機灶泵,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,329評論 3 385
  • 文/潘曉璐 我一進店門育八,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人赦邻,你說我怎么就攤上這事髓棋。” “怎么了惶洲?”我有些...
    開封第一講書人閱讀 157,354評論 0 348
  • 文/不壞的土叔 我叫張陵按声,是天一觀的道長。 經(jīng)常有香客問我恬吕,道長签则,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,498評論 1 284
  • 正文 為了忘掉前任铐料,我火速辦了婚禮渐裂,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘钠惩。我一直安慰自己柒凉,他們只是感情好,可當我...
    茶點故事閱讀 65,600評論 6 386
  • 文/花漫 我一把揭開白布篓跛。 她就那樣靜靜地躺著扛拨,像睡著了一般。 火紅的嫁衣襯著肌膚如雪举塔。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,829評論 1 290
  • 那天求泰,我揣著相機與錄音央渣,去河邊找鬼。 笑死渴频,一個胖子當著我的面吹牛芽丹,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播卜朗,決...
    沈念sama閱讀 38,979評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼拔第,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了场钉?” 一聲冷哼從身側(cè)響起蚊俺,我...
    開封第一講書人閱讀 37,722評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎逛万,沒想到半個月后泳猬,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,189評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,519評論 2 327
  • 正文 我和宋清朗相戀三年得封,在試婚紗的時候發(fā)現(xiàn)自己被綠了埋心。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,654評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡忙上,死狀恐怖拷呆,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情疫粥,我是刑警寧澤茬斧,帶...
    沈念sama閱讀 34,329評論 4 330
  • 正文 年R本政府宣布,位于F島的核電站手形,受9級特大地震影響啥供,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜库糠,卻給世界環(huán)境...
    茶點故事閱讀 39,940評論 3 313
  • 文/蒙蒙 一伙狐、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧瞬欧,春花似錦贷屎、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,762評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至野建,卻和暖如春属划,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背候生。 一陣腳步聲響...
    開封第一講書人閱讀 31,993評論 1 266
  • 我被黑心中介騙來泰國打工同眯, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人唯鸭。 一個月前我還...
    沈念sama閱讀 46,382評論 2 360
  • 正文 我出身青樓须蜗,卻偏偏與公主長得像,于是被迫代替她去往敵國和親目溉。 傳聞我的和親對象是個殘疾皇子明肮,可洞房花燭夜當晚...
    茶點故事閱讀 43,543評論 2 349

推薦閱讀更多精彩內(nèi)容