RxJS 中的 combineLatest 和 zip 操作符都是用来组合多个 Observables 的。它们都有相似的功能，但是在使用上还是有一些区别的。
combineLatest 操作符
combineLatest 操作符可以将多个 Observables 的最新值组合并且返回一个新的 Observable。每当任意一个输入 Observable 发出一个新值时，输出 Observable 就会发出一个由每个输入 Observable 的最新值组成的数组。换句话说，对于多个输入 Observable，只有等到它们都发出值之后才会发出一个新的值。
下面是使用 combineLatest 的示例代码：
import { combineLatest, timer } from 'rxjs';
const obs1 = timer(5000, 1000);
const obs2 = timer(1000, 2000);
combineLatest(obs1, obs2).subscribe(([val1, val2]) =>
console.log(`obs1: ${val1}, obs2: ${val2}`)
);上面的代码中，obs1 和 obs2 分别是两个相互独立的 Observables，每当一个 Observable 发出一个新值时，它的新值都会被存储在对应的变量中。combineLatest 操作符就是用来合并这些变量，并在它们的值都发生变化时触发一个新的回调函数。
zip 操作符
zip 操作符类似于 combineLatest 操作符，也是用来组合多个 Observables，但是它的作用不同。zip 操作符会按顺序将多个 Observables 发出的值组合成一个数组，这个数组的长度等于最近发出值的 Observable 的个数。
下面是使用 zip 的示例代码：
import { zip, timer } from 'rxjs';
const obs1 = timer(5000, 1000);
const obs2 = timer(1000, 2000);
zip(obs1, obs2).subscribe(([val1, val2]) =>
console.log(`obs1: ${val1}, obs2: ${val2}`)
);上面的代码中，obs1 和 obs2 分别是两个相互独立的 Observables。在 subscribe 中，我们传入一个回调函数，这个回调函数接收一个数组作为参数，这个数组包含了每个 Observable 最近发出的值。
区别分析
在使用 combineLatest 和 zip 操作符时，我们可以看到它们的最大区别在于：
- 对于多个输入 Observable，只有等到它们都发出值之后才会发出一个新的值（
combineLatest）； - 会按顺序将多个 Observables 发出的值组合成一个数组，这个数组的长度等于最近发出值的 Observable 的个数（
zip）。
因此，如果我们需要在多个 Observables 均发出新值时发出一个新值，就可以使用 combineLatest，否则就可以选择 zip。此外，需要注意的是为了避免内存泄漏，应该在使用完 combineLatest 和 zip 后，手动取消订阅。
总结
本文介绍了 RxJS 中的 combineLatest 和 zip 操作符的区别。combineLatest 操作符用来将多个 Observables 的最新值组合并且返回一个新的 Observable，而 zip 操作符会按顺序将多个 Observables 发出的值组合成一个数组。在实际使用过程中，需要根据实际需求选择使用不同的操作符。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/653de48f7d4982a6eb7882ab