使用Angular rxjs进行优雅限流

时间:2022-07-25
本文章向大家介绍使用Angular rxjs进行优雅限流，主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。

比如我有一个按钮，我想实现在一秒之内重复点击，只算被点击一次的效果，在Angular rxjs里实现非常容易：

源代码：

  ngOnInit(): void {
    const button = document.querySelector('button');
    fromEvent(button, 'click').pipe(throttleTime(1000), scan(count => count + 1, 0))
    .subscribe(count => console.log(`Clicked ${count} times`));
  }

注意输出的时间戳：确实起到了限流的效果：

随机文章
Javascript知识点必读
最近更新