在 RxJS 中，switchMap 和 exhaustMap 是两个常用的操作符，它们都可以用来将一个 Observable 转换成另一个 Observable。但是它们之间有很大的区别，本文将深入探讨它们的区别以及在实际开发中的使用场景。
switchMap
switchMap 操作符可以将一个 Observable 转换成另一个 Observable，并且在每次发出新的值时，会取消之前的 Observable 订阅，转而订阅新的 Observable。这意味着如果在前一个 Observable 还没有完成之前，新的 Observable 就发出了值，那么前一个 Observable 的订阅就会被取消，只有新的 Observable 会被订阅。
下面是一个使用 switchMap 的例子：
-- -------------------- ---- ------- ------ - --------- - ---- ------- ------ - --------- - ---- ----------------- ----- ------ - --------------------------------- ----- ------- - ----------------- --------- ------------- ------------ -- ------------------------- ---------------- -- -------------------
在上面的例子中，我们使用 switchMap 将点击事件转换成一个发出数据的 Observable。每次点击时，会取消之前的请求，并发起新的请求。这在实际开发中非常有用，可以避免重复请求和多余的网络流量。
exhaustMap
exhaustMap 操作符也可以将一个 Observable 转换成另一个 Observable，但是它的行为与 switchMap 有所不同。当一个 Observable 在发出值时，如果之前的 Observable 还没有完成，那么新的 Observable 就会被忽略，直到之前的 Observable 完成后才会订阅新的 Observable。
下面是一个使用 exhaustMap 的例子：
-- -------------------- ---- ------- ------ - --------- - ---- ------- ------ - ---------- - ---- ----------------- ----- ------ - --------------------------------- ----- ------- - ----------------- --------- ------------- ------------- -- ------------------------- ---------------- -- -------------------
在上面的例子中，我们使用 exhaustMap 将点击事件转换成一个发出数据的 Observable。每次点击时，只有之前的请求完成后才会发起新的请求。这在实际开发中也非常有用，可以避免并发请求和减少不必要的网络流量。
使用场景
switchMap 和 exhaustMap 的使用场景有很大的区别。下面是一些常见的场景：
switchMap 的使用场景
- 当需要在一个 Observable 发出新值时，取消之前的订阅，转而订阅一个新的 Observable 时，可以使用 switchMap。
- 当需要避免重复请求和多余的网络流量时，可以使用 switchMap。
exhaustMap 的使用场景
- 当需要避免并发请求和减少不必要的网络流量时，可以使用 exhaustMap。
- 当需要确保只有之前的请求完成后才会发起新的请求时，可以使用 exhaustMap。
总结
switchMap 和 exhaustMap 都是非常有用的操作符，它们可以将一个 Observable 转换成另一个 Observable，并且在实际开发中有很多应用场景。在选择使用哪个操作符时，需要根据具体的需求来决定。如果需要取消之前的订阅并订阅新的 Observable，可以使用 switchMap；如果需要避免并发请求和减少不必要的网络流量，可以使用 exhaustMap。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6617b69ed10417a2227a7d02