javascript - 如果另一个序列发出，则取消可观察

Question

我有两个可观察对象，hover$ 和 unhover$，分别在悬停和模糊时触发。

unhover$ 有一个 debounceTime(500) 来延迟它不会太快。

现在考虑这个时间线:

 [    0ms] hover triggered
 [   50ms] unhover 500ms debounce started
 [  100ms] hover triggered
 [  550ms] unhover triggered 

当 hover$ 序列发出新值时，我如何“取消”第一个未决的 unhover$？

Answer 1

您可以使用 takeUntil如果通知程序 Observable 发出值，则取消订阅您的 Observable。

像这样:

unhover$
.debounceTime(500)
.switchMap(evt => Rx.Observable.of(evt)
  .takeUntil(hover$)
)
.subscribe(console.log);