RXJS之CombineLatest/ForkJoin操作符

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操作符。