黄视频网站在线免费观看-黄视频网站在线看-黄视频网站在线观看-黄视频网站免费看-黄视频网站免费观看-黄视频网站免费

千鋒教育-做有情懷、有良心、有品質的職業教育機構

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領取全套視頻
千鋒教育

關注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  技術干貨  > RxJsSubject詳解

RxJsSubject詳解

來源:千鋒教育
發布人:xqq
時間: 2023-11-22 21:03:11 1700658191

一、RxJsSubject是什么

RxJsSubject是RxJs中的一種Subject類型,它既是一個Observable對象,又是一個Observer對象。作為Observable對象,它可以被subscribe用來訂閱事件流;作為Observer對象,它可以被next、error、complete等方法使用來向對應的Observable流中傳送數據,將自身作為觀察者加入到事件流中。

RxJsSubject是RxJs中的一個重要類型,使用它可以實現可傳遞數據的多播,可以在多個地方共享同一份數據。它是RxJs中一種比較特殊的Subject類型,它具有很多獨特的功能和使用場景。

二、RxJsSubject的優勢

RxJsSubject有很多優勢,比如:

1、多播功能:可以將同一份數據在多個地方共享;

2、可傳遞性:可以將Subject作為數據源來傳遞數據;

3、可控性:可以通過Subject的next、error、complete等方法來手動控制Observable的流向以及事件的發射順序和時間;

4、便利性:可以在Observable對象訂閱前/后、事件發射前/后、任意場景下使用next、error、complete等方法以及其他Observable的操作符來操作數據,非常方便實用。

三、RxJsSubject的基本使用

下面是一個簡單的RxJsSubject的使用示例:



const subject = new Rx.Subject();

subject.subscribe({
  next: (v) => console.log(observerA: ${v})
});

subject.next(1);
subject.next(2);

subject.subscribe({
  next: (v) => console.log(observerB: ${v})
});

subject.next(3);
subject.next(4);

上面的代碼中,定義了一個Rx.Subject類型的Subject對象,并通過subscribe方法向其訂閱了兩個觀察者,通過next方法向Observable對象中傳送數據。執行結果如下:



observerA: 1
observerA: 2
observerA: 3
observerA: 4
observerB: 3
observerB: 4

從結果可以看出,我們通過Subject共享了兩個觀察者的數據,它們都收到了相同的4條數據。

四、RxJsSubject的高級用法

RxJsSubject有很多高級用法,下面是其中一些:

1、BehaviorSubject

BehaviorSubject是RxJsSubject中的一種,它與普通的Subject的唯一區別是,BehaviorSubject會保存最新的數據,并在新增訂閱時立即將這個最新數據發射給新的訂閱者。我們可以通過BehaviorSubject的構造函數為其設置一個初始值,這個初始值也會在新增訂閱時發射給新的訂閱者。

下面是BehaviorSubject的一個示例:



const subject = new Rx.BehaviorSubject(0);

subject.subscribe({
  next: (v) => console.log(observerA: ${v})
});

subject.next(1);
subject.next(2);

subject.subscribe({
  next: (v) => console.log(observerB: ${v})
});

subject.next(3);

上面的代碼中,我們以0為初始數據創建了一個BehaviorSubject類型的Subject對象,并分別向其新增了兩個觀察者。執行結果如下:



observerA: 0
observerA: 1
observerA: 2
observerB: 2
observerA: 3
observerB: 3

從結果可以看出,在新增觀察者2后,它立即收到了最新數據2。同時,觀察者1和新增觀察者2都收到了5次數據。這也是因為BehaviorSubject會保存最新的數據并在新增訂閱時立即發射給新的訂閱者的原因。

2、ReplaySubject

ReplaySubject是RxJsSubject中的一種,它與普通的Subject的唯一區別是,ReplaySubject會緩存所有的數據并在新增訂閱時立即將緩存的數據發射給新的訂閱者。我們可以通過ReplaySubject的構造函數來為其設置緩存的數據大小。

下面是ReplaySubject的一個示例:



const subject = new Rx.ReplaySubject(2);

subject.subscribe({
  next: (v) => console.log(observerA: ${v})
});

subject.next(1);
subject.next(2);
subject.next(3);
subject.next(4);

subject.subscribe({
  next: (v) => console.log(observerB: ${v})
});

subject.next(5);

上面的代碼中,我們以2為ReplaySubject的緩存大小創建了一個Subject對象,并分別向其新增了兩個觀察者。執行結果如下:



observerA: 1
observerA: 2
observerA: 3
observerA: 4
observerB: 3
observerB: 4
observerB: 5

從結果可以看出,新增觀察者2收到了3條緩存數據,也就是前面的2和3。同時,觀察者1共收到了5條數據。

總結

RxJsSubject是一個非常實用的RxJs類型,它可以幫助我們實現可傳遞數據的多播。我們可以使用不同的Subject類型來實現不同的功能,比如BehaviorSubject和ReplaySubject等。在RxJs中,使用Subject類型非常常見,特別是在多組件之間共享數據時,Subject幾乎是一種必須的類型。

tags: libgif
聲明:本站稿件版權均屬千鋒教育所有,未經許可不得擅自轉載。
10年以上業內強師集結,手把手帶你蛻變精英
請您保持通訊暢通,專屬學習老師24小時內將與您1V1溝通
免費領取
今日已有369人領取成功
劉同學 138****2860 剛剛成功領取
王同學 131****2015 剛剛成功領取
張同學 133****4652 剛剛成功領取
李同學 135****8607 剛剛成功領取
楊同學 132****5667 剛剛成功領取
岳同學 134****6652 剛剛成功領取
梁同學 157****2950 剛剛成功領取
劉同學 189****1015 剛剛成功領取
張同學 155****4678 剛剛成功領取
鄒同學 139****2907 剛剛成功領取
董同學 138****2867 剛剛成功領取
周同學 136****3602 剛剛成功領取
相關推薦HOT
精品国产一区二区三区精东影业| 久久国产精品只做精品| 日韩免费在线观看视频| 久久成人亚洲| 你懂的日韩| 国产视频一区二区三区四区| 黄色免费三级| 韩国毛片免费大片| 国产成人精品综合在线| 国产成a人片在线观看视频| 91麻豆精品国产自产在线| 国产伦久视频免费观看 视频| 二级片在线观看| 日韩av片免费播放| 日本伦理黄色大片在线观看网站| 一a一级片| 国产一级强片在线观看| 国产视频一区二区在线播放| 午夜欧美福利| 亚洲天堂一区二区三区四区| 久久99欧美| 精品视频免费在线| 色综合久久手机在线| 国产成人精品影视| 99久久精品国产高清一区二区| 成人高清视频免费观看| 四虎影视精品永久免费网站| 色综合久久久久综合体桃花网| 精品久久久久久中文字幕2017| 四虎影视库| 一级女人毛片人一女人| 久久精品店| 香蕉视频久久| 亚洲精品久久久中文字| 欧美a级成人淫片免费看| 日韩一级黄色| 午夜激情视频在线播放| 99久久精品国产片| 日本乱中文字幕系列| 亚欧视频在线| 日本伦理黄色大片在线观看网站| 日本久久久久久久 97久久精品一区二区三区 狠狠色噜噜狠狠狠狠97 日日干综合 五月天婷婷在线观看高清 九色福利视频 | 国产精品1024永久免费视频 | 国产国产人免费视频成69堂| 色综合久久天天综合观看| 美女免费毛片| 尤物视频网站在线| 亚洲天堂一区二区三区四区| 成人av在线播放| 国产美女在线一区二区三区| 日本久久久久久久 97久久精品一区二区三区 狠狠色噜噜狠狠狠狠97 日日干综合 五月天婷婷在线观看高清 九色福利视频 | 国产极品白嫩美女在线观看看| 国产国产人免费视频成69堂| 亚洲www美色| 国产网站在线| 成人免费网站久久久| 91麻豆精品国产自产在线观看一区| 欧美a级成人淫片免费看| 国产不卡在线播放| 好男人天堂网 久久精品国产这里是免费 国产精品成人一区二区 男人天堂网2021 男人的天堂在线观看 丁香六月综合激情 | 一级毛片视频在线观看| 你懂的日韩| 亚洲女人国产香蕉久久精品 | 国产伦理精品| 黄视频网站免费| 麻豆系列 在线视频| 99久久精品国产片| 精品久久久久久影院免费| 日韩在线观看免费完整版视频| 精品国产亚洲人成在线| 精品视频一区二区三区| 四虎影视精品永久免费网站| 久久国产一区二区| 国产视频久久久| 国产精品自拍亚洲| 日本久久久久久久 97久久精品一区二区三区 狠狠色噜噜狠狠狠狠97 日日干综合 五月天婷婷在线观看高清 九色福利视频 | 亚久久伊人精品青青草原2020| 韩国毛片基地| 成人免费观看的视频黄页| 国产成人精品综合久久久| 久草免费在线视频| 97视频免费在线| 精品视频在线观看一区二区| 国产激情一区二区三区| 91麻豆tv| 韩国妈妈的朋友在线播放| 久久国产影院| 国产麻豆精品高清在线播放| 免费一级生活片| 黄色免费三级| 黄视频网站免费看| 99热精品一区| 成人高清免费| 成人免费观看男女羞羞视频 | 午夜欧美福利| 免费国产在线观看| 欧美另类videosbestsex高清| 国产视频一区在线| 国产高清视频免费观看| 日本伦理片网站| 好男人天堂网 久久精品国产这里是免费 国产精品成人一区二区 男人天堂网2021 男人的天堂在线观看 丁香六月综合激情 | 国产韩国精品一区二区三区| 国产伦久视频免费观看 视频| 色综合久久久久综合体桃花网| 欧美1卡一卡二卡三新区| 99色精品| 毛片成人永久免费视频| 中文字幕一区二区三区精彩视频 | 日韩中文字幕在线播放| 国产网站免费在线观看| 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 精品国产一区二区三区久久久狼| 99久久网站| 国产91视频网| 日韩av片免费播放| 午夜欧美福利| 国产a视频| 亚洲不卡一区二区三区在线 | 人人干人人草| 你懂的日韩| 天天做日日爱| 日韩av东京社区男人的天堂| 一级女人毛片人一女人| 久久精品免视看国产明星| 一本高清在线| 深夜做爰性大片中文| 国产成人精品在线| 国产一区二区高清视频| 欧美激情中文字幕一区二区| 久久国产精品永久免费网站| 国产成人啪精品视频免费软件| 欧美国产日韩久久久| 可以在线看黄的网站| 成人在激情在线视频| 欧美一级视频免费观看| 国产亚洲男人的天堂在线观看| 日韩中文字幕一区| 国产一区二区精品在线观看| a级精品九九九大片免费看| 精品视频在线看| 日本特黄特色aaa大片免费| 可以免费在线看黄的网站| 九九久久国产精品| 91麻豆国产福利精品| 999精品在线| 999久久66久6只有精品| 99色视频在线| 精品国产香蕉在线播出| 美女免费精品视频在线观看| 国产美女在线观看| 日韩av片免费播放| 在线观看导航| 精品国产一区二区三区久| 精品国产一区二区三区久| 99久久精品国产片| 黄视频网站在线免费观看| 精品久久久久久免费影院| 黄色免费三级| 毛片成人永久免费视频| 国产国语在线播放视频| 二级特黄绝大片免费视频大片| a级毛片免费观看网站| 成人免费一级毛片在线播放视频| 国产一区免费观看| 天天做日日干| 沈樵在线观看福利| 国产亚洲免费观看| 九九免费精品视频| 欧美激情一区二区三区视频| 日韩在线观看视频免费| 黄视频网站在线免费观看| 黄视频网站在线免费观看| 久久国产精品自由自在| 成人影院一区二区三区| 九九久久国产精品| 国产伦理精品| 久久精品店| 日韩欧美一及在线播放| 国产高清在线精品一区二区| 亚久久伊人精品青青草原2020| 午夜在线影院| 成人a大片高清在线观看| 青青久久精品国产免费看| 日本伦理片网站| 国产精品免费久久| 成人免费网站视频ww| 99久久精品国产国产毛片| 天天做日日爱夜夜爽| 韩国三级香港三级日本三级la| 精品视频在线看| 999久久久免费精品国产牛牛| 久草免费在线视频| 欧美大片一区| 亚洲女人国产香蕉久久精品| 久久99中文字幕| 九九久久国产精品| 久久福利影视| 精品视频在线观看视频免费视频| 亚洲精品永久一区| 久久久久久久久综合影视网|