我不清楚主体和行为主体之间的区别。仅仅是因为一个行为主体有getValue()函数吗?
当前回答
一个BehaviorSubject包含一个值。当它被订阅时,它立即发出该值。Subject不包含值。
主题示例(使用RxJS 5 API):
const subject = new Rx.Subject();
subject.next(1);
subject.subscribe(x => console.log(x));
控制台输出将为空
BehaviorSubject例子:
const subject = new Rx.BehaviorSubject(0);
subject.next(1);
subject.subscribe(x => console.log(x));
控制台输出:1
此外:
BehaviorSubject应该创建一个初始值: 如果您希望主题获得以前发布的值,请考虑ReplaySubject。
其他回答
一个BehaviorSubject包含一个值。当它被订阅时,它立即发出该值。Subject不包含值。
主题示例(使用RxJS 5 API):
const subject = new Rx.Subject();
subject.next(1);
subject.subscribe(x => console.log(x));
控制台输出将为空
BehaviorSubject例子:
const subject = new Rx.BehaviorSubject(0);
subject.next(1);
subject.subscribe(x => console.log(x));
控制台输出:1
此外:
BehaviorSubject应该创建一个初始值: 如果您希望主题获得以前发布的值,请考虑ReplaySubject。
BehaviorSubject keeps in memory the last value that was emitted by the observable. A regular Subject doesn't. So we can update dynamic titles based on Behaviour Subject.
var bSubject= new Rx.BehaviorSubject(0); // 0 is the initial value
bSubject.subscribe({
next: (v) => console.log('observerA: ' + v) // output initial value, then new values on `next` triggers
});
bSubject.next(1); // output new value 1 for 'observer A'
bSubject.next(2); // output new value 2 for 'observer A', current value 2 for 'Observer B' on subscription
bSubject.subscribe({
next: (v) => console.log('observerB: ' + v) // output current value 2, then new values on `next` triggers
});
bSubject.next(3);
- With Output
一个BehaviorSubject包含一个值(因此我们实际上需要初始化一个默认值)。当它被订阅时,它立即发出该值。另一方面,Subject不包含值。
这实际上意味着在Subject中,订阅者将只接收到即将到来的值,而在BehaviorSubject中,订阅者将接收到之前的值和即将到来的值。
所以,让我们举个例子来看看它是如何表现的:
let mySubject = new Subject<number>();
mySubject.subscribe(x => console.log("The first Subscription : " + x));
mySubject.next(1);
mySubject.next(2);
mySubject.subscribe(x => console.log("The second Subscription : " + x));
mySubject.next(3);
// The first Subscription : 1
// The first Subscription : 2
// The first Subscription : 3
// The second Subscription : 3
就像我们上面看到的,前两个值是在第二个订阅注册之前从主题输出的,所以它没有得到它们,它只在订阅后得到新的值。第一个订阅获得了所有这些值,因为它是在输出第一个值之前订阅的。
现在,让我们把主题改为BehaviorSubject,看看区别:
let mySubject = new BehaviorSubject<number>(0);
mySubject.subscribe((x) => console.log('The first Subscription : ' + x));
mySubject.next(1);
mySubject.next(2);
mySubject.subscribe((x) => console.log('The second Subscription : ' + x));
mySubject.next(3);
// The first Subscription : 0 (since it's the initial value)
// The first Subscription : 1
// The first Subscription : 2
// The second Subscription : 2 (since it's the initial value for the seconde subscriber)
// The first Subscription : 3
// The second Subscription : 3
现在,注意第一个订阅者是如何输出0的,因为BehaviorSubject初始化为0。当第二个订阅者订阅时,它立即发出'2'值,因为它是要处理的最后一个值,因此它作为它的初始值。
更多关于行为主体和主体之间的区别可以在这里找到
BehaviourSubject
behavionsubject将返回订阅上的初始值或当前值
var bSubject= new Rx.BehaviorSubject(0); // 0 is the initial value
bSubject.subscribe({
next: (v) => console.log('observerA: ' + v) // output initial value, then new values on `next` triggers
});
bSubject.next(1); // output new value 1 for 'observer A'
bSubject.next(2); // output new value 2 for 'observer A', current value 2 for 'Observer B' on subscription
bSubject.subscribe({
next: (v) => console.log('observerB: ' + v) // output current value 2, then new values on `next` triggers
});
bSubject.next(3);
输出:
observerA: 0
observerA: 1
observerA: 2
observerB: 2
observerA: 3
observerB: 3
主题
主题没有返回订阅上的当前值。它只触发.next(value)调用并返回/输出该值
var subject = new Rx.Subject();
subject.next(1); //Subjects will not output this value
subject.subscribe({
next: (v) => console.log('observerA: ' + v)
});
subject.subscribe({
next: (v) => console.log('observerB: ' + v)
});
subject.next(2);
subject.next(3);
在控制台上输出如下信息:
observerA: 2
observerB: 2
observerA: 3
observerB: 3
这三个都很不同,让我再举几个例子,
const subject = new Rx.Subject();
const behaviorSubject = new Rx.BehaviorSubject([]);
const relaySubject = new Rx.ReplaySubject();
subject.next(1)
behaviorSubject.next(1);
behaviorSubject.next(2);
behaviorSubject.next(3);
relaySubject.next(1);
relaySubject.next(2);
relaySubject.next(3);
subject.subscribe(val => console.log('From Subject', val)); // this will not emits
behaviorSubject.subscribe(val => console.log('From BehaviorSubject', val)); // this will emits only last value
relaySubject.subscribe(val => console.log('From ReplaySubject', val)); // this will emit all values
输出截图
正如你所看到的,当我们在发出(i。e(…)),
主题-这将不会被发射 behaviorSubject -这将使用最后一个值触发一次 ReplaySubject -这将发射3次,因为我们有很多next()
所以区别主要在于订阅的位置,是在next()之前还是在next()之后。
在实际情况下,我们只在next() [i。E在我们向受试者填写数据后]。
推荐文章
- 获取函数的返回类型
- 为什么是事件。目标不是元素在Typescript?
- 如何生成。d。ts“typings”定义文件从现有的JavaScript库?
- 在定义文件(*d.ts)中导入类
- 如何在Angular 2.0中使用/创建动态模板来编译动态组件?
- 如何启用生产模式?
- 在typescript中一直使用。tsx而不是。ts有什么缺点吗?
- 如何使用this.router.parent.navigate('/about')导航到另一个路由?
- 类型变量的TypeScript空对象
- TypeScript React应用程序中的PropTypes
- 解析错误:无法读取文件“…/tsconfig.json”.eslint
- Take (1) vs first()
- 编译typescript时'tsc命令未找到'
- module是什么意思?Id在组件中?
- TypeScript中的public static const