Angular RxJS Subject主体

最新推荐文章于 2023-06-14 11:52:11 发布

Silam Lin

最新推荐文章于 2023-06-14 11:52:11 发布

阅读量241

点赞数

分类专栏： Angular 文章标签： typescript javascript 前端 angular

本文链接：https://blog.csdn.net/qq_43263320/article/details/117649685

版权

Angular 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

本文详细介绍了RxJS中Subject与Observable的区别。Subject是多播的，可以将数据推送给多个订阅者，而Observable则是单播的。通过示例展示了Subject如何作为可观察对象向多个观察者发送数据，以及Subject如何作为观察者订阅Observable并传递数据给其他订阅者。理解这些概念对于掌握RxJS的响应式编程至关重要。

摘要由CSDN通过智能技术生成

Subject与Observable的区别

Subject是多播的，可以把值推送给多个观察者；Observable是单播的。
Subject既可以做可观察对象，又可以做观察者

Subject作可观察对象

// 创建subject
var subject = new Rx.Subject();

//为subject注册两个观察者observerA、observerB
subject.subscribe({
  next: (v) => console.log('observerA: ' + v)
});
subject.subscribe({
  next: (v) => console.log('observerB: ' + v)
});

//subject作为可观察对象，为两个观察者播数据；
//第一次播报，给A和B发送1；
//第二次播报，给A和B发送2
subject.next(1);
subject.next(2);

// observerA： 1；
// observerB： 1；
// observerA： 2；
// observerB:  2;

也可以这么写

// 创建subject
var subject = new Rx.Subject();

//定义两个观察者A和B
const observerA = {
	next: (v) => console.log('observerA: ' + v);
}
const observerB = {
	next: (v) => console.log('observerB: ' + v);
}
//为subject注册两个观察者observerA、observerB
subject.subscribe(observerA);
subject.subscribe(observerB);

//subject作为可观察对象，为两个观察者播数据；
//第一次播报，给A和B发送1；
//第二次播报，给A和B发送2
subject.next(1);
subject.next(2);

Subject作观察者

把subject当作观察者，那它也可以作观察者订阅observable。

observable.subscribe(subject);

var observable = Rx.Observable.from([1, 2, 3]);
var subject = new Rx.Subject();

//定义两个观察者A和B
const observerA = {
	next: (v) => console.log('observerA: ' + v);
}
const observerB = {
	next: (v) => console.log('observerB: ' + v);
}
//为subject注册两个观察者observerA、observerB
subject.subscribe(observerA);
subject.subscribe(observerB);

observable.subscribe(subject); // 你可以提供一个 Subject 进行订阅