Definiert in: debouncer.ts:129

Eine Klasse, die eine entprellte Funktion erstellt.

Debouncing stellt sicher, dass eine Funktion erst nach Ablauf einer bestimmten Zeitspanne seit ihrer letzten Ausführung aufgerufen wird. Dies ist nützlich für die Verarbeitung häufiger Ereignisse wie Fenstergrößenänderungen, Scroll-Ereignisse oder Eingabeänderungen, bei denen die Ausführungsrate begrenzt werden soll.

Die entprellte Funktion kann so konfiguriert werden, dass sie entweder am Anfang der Verzögerungsperiode (leading edge) oder am Ende (trailing edge, Standard) ausgeführt wird. Jeder neue Aufruf während der Wartezeit setzt den Timer zurück.

Zustandsverwaltung

• Verwendet TanStack Store für reaktives Zustandsmanagement
• Verwenden Sie initialState, um anfängliche Zustandswerte bei der Erstellung des Debouncers bereitzustellen
• Verwenden Sie den Rückruf onExecute, um auf die Funktionsausführung zu reagieren und benutzerdefinierte Logik zu implementieren
• Der Zustand umfasst canLeadingExecute, die Anzahl der Ausführungen und den isPending-Status
• Der Zustand kann über debouncer.store.state abgerufen werden, wenn die Klasse direkt verwendet wird
• Bei Verwendung von Framework-Adaptern (React/Solid) wird der Zustand aus debouncer.state abgerufen

const debouncer = new Debouncer((value: string) => {
  saveToDatabase(value);
}, { wait: 500 });

// Will only save after 500ms of no new input
inputElement.addEventListener('input', () => {
  debouncer.maybeExecute(inputElement.value);
});

const debouncer = new Debouncer((value: string) => {
  saveToDatabase(value);
}, { wait: 500 });

// Will only save after 500ms of no new input
inputElement.addEventListener('input', () => {
  debouncer.maybeExecute(inputElement.value);
});

• TFn erweitert AnyFunction

new Debouncer<TFn>(fn, initialOptions): Debouncer<TFn>

new Debouncer<TFn>(fn, initialOptions): Debouncer<TFn>

Definiert in: debouncer.ts:137

TFn

DebouncerOptions<TFn>

Debouncer<TFn>

fn: TFn;

fn: TFn;

Definiert in: debouncer.ts:138

key: string;

key: string;

Definiert in: debouncer.ts:133

options: DebouncerOptions<TFn>;

options: DebouncerOptions<TFn>;

Definiert in: debouncer.ts:134

readonly store: Store<Readonly<DebouncerState<TFn>>>;

readonly store: Store<Readonly<DebouncerState<TFn>>>;

Definiert in: debouncer.ts:130

cancel(): void

cancel(): void

Definiert in: debouncer.ts:268

Bricht jede ausstehende Ausführung ab

void

flush(): void

flush(): void

Definiert in: debouncer.ts:251

Verarbeitet die aktuelle ausstehende Ausführung sofort

void

maybeExecute(...args): void

maybeExecute(...args): void

Definiert in: debouncer.ts:204

Versucht, die entprellte Funktion auszuführen. Wenn ein Aufruf bereits in Bearbeitung ist, wird er in die Warteschlange gestellt.

...Parameters<TFn>

void

reset(): void

reset(): void

Definiert in: debouncer.ts:279

Setzt den Debouncer-Zustand auf seine Standardwerte zurück

void

setOptions(newOptions): void

setOptions(newOptions): void

Definiert in: debouncer.ts:158

Aktualisiert die Debouncer-Optionen

Partial<DebouncerOptions<TFn>>

void