Subject and BehaviorSubject แตกต่างกันอย่างไร

ฉันไม่ชัดเจนเกี่ยวกับความแตกต่างระหว่างที่และSubject BehaviorSubjectมันเป็นเพียงแค่BehaviorSubjectมีgetValue()ฟังก์ชั่น?

BehaviorSubject เก็บค่าไว้หนึ่งค่า เมื่อสมัครเป็นสมาชิกมันจะปล่อยค่าทันที หัวเรื่องไม่ได้เก็บค่าไว้

ตัวอย่างหัวข้อ (ด้วย RxJS 5 API):

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

เอาต์พุตคอนโซลจะว่างเปล่า

ตัวอย่าง BehaviorSubject:

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

เอาต์พุตคอนโซล: 1

นอกจากนี้:

• BehaviorSubject สามารถสร้างขึ้นด้วยค่าเริ่มต้น: ใหม่ Rx.BehaviorSubject(1)
• พิจารณาReplaySubjectว่าคุณต้องการให้หัวเรื่องเก็บค่ามากกว่าหนึ่งค่าหรือไม่

BehaviourSubject

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

ฉันเพิ่งสร้างโครงการที่อธิบายความแตกต่างระหว่างวิชาทั้งหมด :
https://github.com/piecioshka/rxjs-subject-vs-behavior-vs-replay-vs-async

มันอาจช่วยให้คุณเข้าใจ

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เก็บในหน่วยความจำค่าสุดท้ายที่ถูกปล่อยออกมาโดยที่สังเกตได้ ปกติSubjectไม่ได้

BehaviorSubjectเหมือนกับReplaySubjectขนาดบัฟเฟอร์ 1