Jaka jest różnica między obiektem a zachowaniem?


250

Nie mam jasności co do różnicy między Subjecta a BehaviorSubject. Czy to po prostu, że BehaviorSubjectma getValue()funkcję?

Odpowiedzi:


311

Obiekt BehaviourSubject zawiera jedną wartość. Po zasubskrybowaniu natychmiast emituje wartość. Podmiot nie ma wartości.

Przykład tematu (z interfejsem API RxJS 5):

const subject = new Rx.Subject();
subject.next(1);
subject.subscribe(x => console.log(x));

Dane wyjściowe konsoli będą puste

Przykład zachowania:

const subject = new Rx.BehaviorSubject();
subject.next(1);
subject.subscribe(x => console.log(x));

Dane wyjściowe konsoli: 1

Dodatkowo:

  • BehaviorSubject można utworzyć z wartością początkową: nowa Rx.BehaviorSubject(1)
  • Zastanów się, ReplaySubjectczy chcesz, aby obiekt zawierał więcej niż jedną wartość

16
Czy masz na myśli, że musisz subskrybować temat przedtem.next (), aby to zadziałało?
Eric Huang

5
@eric dla tematu, tak. To jest rozróżnienie.
onefootswill

9
Zauważ, że musisz przekazać pierwszą wartość konstruktorowi BehaviorSubject;)
mrmashal

jeśli tworzymy podmiot z logiką, nawet podmiot emituje obrzęd? const subject = new Subject <boolean> (); subject.next (prawda);
user2900572

Jeśli to pomaga: Tematy = Zdarzenie - BehaviorSubject = Stan;
Jonathan Stellwag

251

BehaviourSubject

BehaviourSubject zwróci wartość początkową lub bieżącą wartość subskrypcji

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);

Z wyjściem:

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

Przedmiot

Podmiot nie zwraca bieżącej wartości w ramach subskrypcji. Uruchamia się tylko podczas .next(value)połączenia i zwraca / wyprowadzavalue

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);

Z następującymi danymi wyjściowymi na konsoli:

observerA: 2
observerB: 2
observerA: 3
observerB: 3

12
Jest również bardziej poprawny: „BehaviourSubject zwróci wartość początkową lub bieżącą wartość w ramach subskrypcji” jest lepszym wyjaśnieniem niż „BehaviourSubject zawiera jedną wartość”.
Davy

1
Powyższy kod umieściłem na Stackblitz: stackblitz.com/edit/rxjs-subjectvsbehaviorsubject
Fredrik_Macrobond

Gdzie jest obserwator B: 3?
OPV

@OPV ObserverB: 3 jest tam, gdy dzwoniszsubject.next(3);
Mohammed Safeer


6

Pomoże ci to zrozumieć.

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 

4

BehaviorSubjectzachowuje w pamięci ostatnią wartość, która została wyemitowana przez obserwowalne. Zwykły Subjectnie.

BehaviorSubjectjest jak ReplaySubjectprzy buforze o rozmiarze 1.

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.