zl程序教程

您现在的位置是:首页 >  前端

当前栏目

如何使用Angular rxjs进行优雅限流

Angular 如何 进行 优雅 Rxjs 限流 使用
2023-09-14 09:04:03 时间

比如我有一个按钮,我想实现在一秒之内重复点击,只算被点击一次的效果,在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`));
  }

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

要获取更多Jerry的原创文章,请关注公众号"汪子熙":