Der Unterschied zwischen a Subject
und a ist mir nicht klar BehaviorSubject
. Ist es nur so, dass a BehaviorSubject
die getValue()
Funktion hat?
Der Unterschied zwischen a Subject
und a ist mir nicht klar BehaviorSubject
. Ist es nur so, dass a BehaviorSubject
die getValue()
Funktion hat?
Antworten:
Ein BehaviorSubject enthält einen Wert. Wenn es abonniert ist, gibt es den Wert sofort aus. Ein Betreff enthält keinen Wert.
Betreff Beispiel (mit RxJS 5 API):
const subject = new Rx.Subject();
subject.next(1);
subject.subscribe(x => console.log(x));
Die Konsolenausgabe ist leer
Beispiel für ein BehaviorSubject:
const subject = new Rx.BehaviorSubject();
subject.next(1);
subject.subscribe(x => console.log(x));
Konsolenausgabe: 1
Zusätzlich:
BehaviorSubject
kann mit dem Anfangswert erstellt werden: neu Rx.BehaviorSubject(1)
ReplaySubject
Sie, ob das Motiv mehr als einen Wert enthalten sollBehaviourSubject gibt den Anfangswert oder den aktuellen Wert im Abonnement zurück
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);
Mit Ausgabe:
observerA: 0
observerA: 1
observerA: 2
observerB: 2
observerA: 3
observerB: 3
Der Betreff gibt den aktuellen Wert des Abonnements nicht zurück. Es wird nur bei .next(value)
Anruf und Rückgabe / Ausgabe der ausgelöstvalue
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);
Mit folgender Ausgabe auf der Konsole:
observerA: 2
observerB: 2
observerA: 3
observerB: 3
subject.next(3);
Ich habe gerade ein Projekt erstellt, das erklärt, was der Unterschied zwischen allen Themen ist :
https://github.com/piecioshka/rxjs-subject-vs-behavior-vs-replay-vs-async
Es könnte Ihnen helfen, zu verstehen.
import * as Rx from 'rxjs';
const subject1 = new Rx.Subject();
subject1.next(1);
subject1.subscribe(x => console.log(x)); // will print nothing -> because we subscribed after the emission and it does not hold the value.
const subject2 = new Rx.Subject();
subject2.subscribe(x => console.log(x)); // print 1 -> because the emission happend after the subscription.
subject2.next(1);
const behavSubject1 = new Rx.BehaviorSubject(1);
behavSubject1.next(2);
behavSubject1.subscribe(x => console.log(x)); // print 2 -> because it holds the value.
const behavSubject2 = new Rx.BehaviorSubject(1);
behavSubject2.subscribe(x => console.log('val:', x)); // print 1 -> default value
behavSubject2.next(2) // just because of next emission will print 2
BehaviorSubject
speichert den letzten Wert, der vom Observable ausgegeben wurde. Ein Stammgast Subject
nicht.
BehaviorSubject
ist wie ReplaySubject
bei einer Puffergröße von 1.