等价于debounce算子Rx

Question

实际上，我需要实现类似于debounce操作符的东西，但让我们举个例子。如果我设置了5秒的退出，那么用户可以在5秒内按10次按钮，在5秒结束后，最后一次点击事件就会被计算在内。

我需要的是，当5秒设置为一个时间范围时，当用户单击10次时，只需第一次单击就可以立即计算，和所有在5秒时间范围内发出的其他单击都将被排除。

5秒后，用户可以再次开始单击。

该怎么做呢？

Answer 1

在RxJS中还有另一个操作符来完成您的任务，throttleTime。

它将订阅发出的第一个值，然后等待5秒，然后在5秒后再次发出值。

const source = fromEvent(document, 'click').pipe(
  throttleTime(5000),
);

请在这里找到工作示例：https://stackblitz.com/edit/rxjs-hwviuc

你可以在throttleTime在这里上学习更多