Categories: RxJS教程

RxJS：过滤运算符debounce

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

语法

debounce(durationSelector: Observable or promise): Observable

参量

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

返回值

它返回一个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()运算符延迟的。