RxJS异步通信之Subject和BehaviorSubject

最新推荐文章于 2024-12-02 18:59:49 发布

HelloWorld程序猿

最新推荐文章于 2024-12-02 18:59:49 发布

阅读量1.5w

点赞数 2

分类专栏： RxJs 文章标签： Observerb RxJS Subject BehaviorSubject 数据流

本文链接：https://blog.youkuaiyun.com/u012631731/article/details/72935313

版权

RxJs 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了RxJS中的Subject和BehaviorSubject。Subject能够向多个订阅者推送消息，例如在示例中，两个订阅者observerA和observerB都能接收到发送的数据。BehaviorSubject作为Subject的衍生物，会将数据流的最新值发送给订阅者，因此当订阅者A和B订阅时，他们只会收到最新的消息值，如2和3。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在RxJS中，Observable有一些特殊的类，在消息通信中使用比较频繁，下面主要介绍较常用的几个类：
1.Subject类，Subject可以实现一个消息向多个订阅者推送消息，直接看代码实现吧
var subject = new Rx.Subject(); //实例化一个Subject对象
subject.next(1); //向接受者发送一个消息流

subject.subscribe({
next: (value) => console.log('observerA: ' + value) //接受者A订阅消息，获取消息流中的数据
});
subject.subscribe({
next: (value) => console.log('observerB: ' + value) //接受者B订阅消息，获取消息流中的数据
});
这样两路接受者都能拿到发送的数据流：
observerA:1
observerB:1

2.BehaviorSubject是Subject的一个衍生类，它将数据流中的最新值推送给接受者
var subject = new Rx.BehaviorSubject(0); //声明一个BehaviorSubject对象
subject.next(1); //发送一个数据流
subject.next(2); //再发送一个数据流
subject.subscribe({
next: (v) => console.log('observerA: ' + v) //接受者A订阅消息
});
subject.subscribe({
next: (v) => console.log('observerB: ' + v) //接受者B订阅消息
});
subject.next(3); //再发送一个数据流
这样，每次接受者只会接受最新最送的那个消息：
observerA:2
observerB:2
observerA:3
observerB:3