Qual é a diferença entre Subject e BehaviorSubject?

250

Não estou claro sobre a diferença entre a Subjecte a BehaviorSubject. É apenas que a BehaviorSubjecttem a getValue()função?

Mike Jerred
fonte

Respostas:

311

Um BehaviorSubject mantém um valor. Quando está inscrito, emite o valor imediatamente. Um Assunto não possui um valor.

Exemplo de assunto (com API RxJS 5):

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

A saída do console estará vazia

Exemplo de BehaviorSubject:

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

Saída do console: 1

Além do que, além do mais:

  • BehaviorSubject pode ser criado com o valor inicial: novo Rx.BehaviorSubject(1)
  • Considere ReplaySubjectse você deseja que o assunto mantenha mais de um valor
ZahiC
fonte
16
Então você quer assinar o assunto antes de subject.next () para que isso funcione?
Eric Huang
5
@eric para Assunto, sim. Essa é a distinção.
Onefootswill 06/07/19
9
Note que você tem que passar na primeira valor ao construtor de BehaviorSubject;)
mrmashal
se criarmos assunto com booleano mesmo assunto emite rito ?? const subject = new Assunto <boolean> (); subject.next (true);
user2900572 26/02
Se ajudar: Assuntos = Evento - BehaviorSubject = State;
Jonathan Stellwag
251

BehaviourSubject

BehaviourSubject retornará o valor inicial ou o valor atual em Subscription

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

Com saída:

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

Sujeito

O assunto não retorna o valor atual na assinatura. Ele é acionado apenas na .next(value)chamada e retorna / gera ovalue

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

Com a seguinte saída no console:

observerA: 2
observerB: 2
observerA: 3
observerB: 3
Mohammed Safeer
fonte
12
Também é mais correto: "BehaviourSubject retornará o valor inicial ou o valor atual na assinatura" é uma explicação melhor do que "Um BehaviorSubject possui um valor".
21418 Davy
1
Eu coloquei o código abaixo no Stackblitz: stackblitz.com/edit/rxjs-subjectvsbehaviorsubject
Fredrik_Macrobond
Onde está observerB: 3?
OPV
@OPV ObserverB: 3 está lá quando você chamarsubject.next(3);
Mohammed Safeer
6

Isso pode ajudá-lo a entender.

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 
Sanjeet kumar
fonte
4

BehaviorSubjectmantém na memória o último valor emitido pelo observável. Um regular Subjectnão.

BehaviorSubjecté como ReplaySubjectcom um tamanho de buffer 1.

Moshe Chernysh
fonte