RxJS:过滤运算符debounce

一段时间后从源Observable发出的值,并且该发射的值由给出为Observable或promise的另一个输入确定。

语法

debounce(durationSelector: Observable or promise): Observable

参量

durationSelector-它接受一个名为durationSelector的参数,该参数返回一个可观察值或一个P​​romise。此参数将从可观察到的源获取输入,并确定每个源值的超时。

返回值

它返回一个observable,其中可观察到的源的发射基于durationSelector延迟。

import { fromEvent, interval } from 'rxjs';
import { debounce } from 'rxjs/operators';

let btn = document.getElementById("btnclick");
let btn_clicks = fromEvent(btn, 'click');
let case1 = btn_clicks.pipe(debounce(() => interval(2000)));
case1.subscribe(x => console.log(x));

在这里,点击事件是使用debounce()运算符延迟的。

输出

RxJS:过滤运算符debounce

作者:terry,如若转载,请注明出处:https://www.web176.com/rxjs/1855.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2021年2月8日 下午3:45
下一篇 2021年2月9日 上午11:24

相关推荐

发表回复

登录后才能评论