Яка різниця між Subject та BehaviorSubject?


250

Мені не ясно в різниці між a Subjectі a BehaviorSubject. Це просто функція a BehaviorSubjectмає getValue()функцію?

Відповіді:


311

Поведінка суб'єкта має одне значення. Коли він підписаний, він негайно видає значення. Тема не містить значення.

Тематичний приклад (з API RxJS 5):

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

Вихід консолі буде порожнім

Приклад поведінки:

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

Вихід консолі: 1

В додаток:

  • BehaviorSubject можна створити з початковим значенням: new Rx.BehaviorSubject(1)
  • Поміркуйте, ReplaySubjectчи хочете ви, щоб тема містила більше одного значення

16
Отже, ви маєте на увазі, що ви повинні підписатися на тему перед subject.next (), щоб це працювало?
Ерік Хуан

5
@eric для Subject, так. У цьому полягає відмінність.
onefootswill

9
Зауважте, що ви повинні передати перше значення конструктору BehaviorSubject;)
mrmashal

якщо ми створимо тему з булевою, навіть тема випромінює обряд ?? const subject = новий предмет <boolean> (); subject.next (правда);
користувач2900572

Якщо це допомагає: Subjects = Подія - BehaviorSubject = Стан;
Джонатан Стеллуг

251

Предмет поведінки

BehaviourSubject поверне початкове значення або поточне значення підписки

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)виклику та повернення / виведення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

12
Також правильніше: "BehaviourSubject поверне початкове значення або поточне значення підписки" - це краще пояснення, ніж "A BehaviorSubject містить одне значення".
Деві

1
Я ставлю код вище на Stackblitz: stackblitz.com/edit/rxjs-subjectvsbehaviorsubject
Fredrik_Macrobond

Де спостерігачB: 3?
OPV

@OPV ObserverB: 3 є, поки ви телефонуєтеsubject.next(3);
Мухаммед


6

Це може допомогти вам зрозуміти.

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

BehaviorSubjectзберігає в пам'яті останнє значення, яке випромінювали спостережувані. Черговий Subjectні.

BehaviorSubject- це як ReplaySubjectрозмір буфера 1.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.