在Angular 6中,Subjects和BehaviorSubjects都是RxJS库中的两种可观察对象(Observable)。它们之间的区别在于BehaviorSubject在订阅之前保存了最新的值。
下面是一个使用Subjects和BehaviorSubjects的代码示例:
import { Subject, BehaviorSubject } from 'rxjs';
// 使用Subject
const subject = new Subject();
// 订阅Subject
subject.subscribe(value => {
console.log('Subject:', value);
});
// 发布新的值到Subject
subject.next(1);
subject.next(2);
// 输出:
// Subject: 1
// Subject: 2
// 使用BehaviorSubject
const behaviorSubject = new BehaviorSubject(0);
// 订阅BehaviorSubject
behaviorSubject.subscribe(value => {
console.log('BehaviorSubject:', value);
});
// 发布新的值到BehaviorSubject
behaviorSubject.next(1);
behaviorSubject.next(2);
// 输出:
// BehaviorSubject: 0
// BehaviorSubject: 1
// BehaviorSubject: 2
在上面的示例中,我们首先创建了一个Subject对象和一个BehaviorSubject对象。然后,我们订阅了这两个对象,并通过调用next()
方法发布新的值。
当我们使用Subject时,它只会将新的值发送给订阅者,不会保存最新的值。所以当我们调用subject.next(1)
时,订阅者会收到值1,同样地,当我们调用subject.next(2)
时,订阅者会收到值2。
然而,当我们使用BehaviorSubject时,它会在订阅之前保存最新的值。在上面的示例中,我们在创建BehaviorSubject时传递了一个初始值0。所以当我们订阅BehaviorSubject时,它会立即发送最新的值0给订阅者。当我们调用behaviorSubject.next(1)
时,订阅者会收到值1,同样地,当我们调用behaviorSubject.next(2)
时,订阅者会收到值2。
总结来说,Subject在订阅之前不保存最新的值,而BehaviorSubject保存了最新的值,并在订阅时立即发送给订阅者。