본문으로 건너뛰기

함수: injectDebouncedCallback()

function injectDebouncedCallback<TFn>(fn, options): (...args) => void;

정의 위치: angular-pacer/src/debouncer/injectDebouncedCallback.ts:40

콜백 함수의 디바운스 버전을 생성하는 Angular 함수입니다. 이 함수는 injectDebouncer를 래핑하여 기본 디바운스 요구 사항에 맞는 간소화된 API를 제공하는 래퍼입니다.

디바운스된 함수는 마지막 호출 후 지정된 대기 시간이 지난 뒤에만 실행됩니다. 대기 시간이 끝나기 전에 다시 호출하면 타이머가 초기화되어 다시 대기하기 시작합니다.

이 함수는 injectDebouncer보다 간단한 API를 제공하므로 기본 디바운스에 적합합니다. 하지만 내부 Debouncer 인스턴스를 노출하지 않습니다.

다음과 같은 기능이 필요한 고급 사용 사례에서는:

  • 수동 취소
  • 실행 횟수 확인
  • 상태 추적

대신 injectDebouncer 함수 사용을 고려합니다.

타입 매개변수​

TFn​

TFn extends AnyFunction

매개변수​

fn​

TFn

options​

DebouncerOptions&lt;TFn>

반환값​

(...args): void;

매개변수​

args​

...Parameters&lt;TFn>

반환값​

void

예시​

// Debounce a search handler
const handleSearch = injectDebouncedCallback((query: string) => {
  fetchSearchResults(query);
}, {
  wait: 500 // Wait 500ms between executions
});

// Use in an input
<input
  type="search"
  (input)="handleSearch($event.target.value)"
/>