ForkJoin操作符
代码示例:将两个流通过ForkJoin合并起来,只取每个流的第一个数据,订阅后打印值。
import { Observable, forkJoin, interval, combineLatest } from 'rxjs';
......
forkJoin(interval(1000).pipe(first()), interval(2000).pipe(first())).subscribe(res => {
console.log("forkJoin1", res);
})
// 打印结果:[0, 0]
forkJoin(interval(1000).pipe(take(3)), interval(2000).pipe(take(3))).subscribe(res => {
console.log("forkJoin3", res)
})
//打印结果:[2, 2]
结论:用ForkJoin合并若干个流,待每个流都发出结束信号后发射唯一一次数据。
适用场景:后续请求需要建立在某几个请求执行完毕的基础上进行,可以使用ForkJoin。
CombineLatest操作符
代码示例:将两个定时器通过CombineLatest合并起来,只取每个流的前三个数据,订阅后打印值。
import { Observable, forkJoin, interval, combineLatest } from 'rxjs';
......
combineLatest(interval(1000).pipe(first()), interval(2000).pipe(first())).subscribe(res => {
console.log("combineLatest1", res);
})
//打印结果:[0, 0]
combineLatest(interval(1000).pipe(take(3)), interval(2000).pipe(take(3))).subscribe(res => {
console.log("combineLatest3", res);
})
//打印结果:[1, 0]
// [2, 0]
// [2, 1]
// [2, 2]
结论:用combineLatest将若干个流组合起来,每当任意流发出新值时,将所有流最新的值组合并发射出去。CombineLatest会保证所有流至少输出一次后才会组合所有流,进而将组合出来的流发射出来。
适用场景:需要通过若干个流(或者说需要若干个条件共同作用)任何条件变化对结果都有影响时,可使用CombineLatest操作符。