Rxjs-filtering-operator-debounce

RxJS-フィルタリングオペレーターデバウンス

しばらくしてソースObservableから放出された値。放出は、Observableまたはpromiseとして指定された別の入力によって決定されます。

構文

debounce(durationSelector: Observable or promise): Observable

パラメーター

*_durationSelector_* -オブザーバブルまたはプロミスを返すdurationSelectorと呼ばれる引数を受け取ります。 この引数は、監視可能なソースから入力を取得し、各ソース値のタイムアウトを決定します。

戻り値

これは、Observableを返します。ここで、ソース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（）演算子を使用して遅延されます

出力

デバウンスオペレーター