如果另一個序列發出，則取消可觀察

Question

我有兩個observable， hover$和unhover$ ，分別在懸停和模糊時觸發。

unhover$有一個unhover$ debounceTime(500)來推遲它太快。

現在考慮這個時間表：

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

當hover$ sequence發出新值時，如何“取消”掛起的第一個unhover$ ？

Answer 1

如果通知程序Observable發出一個值，您可以使用takeUntil來取消訂閱您的o​​bservable。

像這樣的東西：

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