Debounce in TypeScript

debounce.md

Debounce

function debounceFunction ({
  targetFunction,
  delay = 300,
  immediate = false,
  context,
}: {
  targetFunction: (...args: any[]) => any;
  delay: number;
  immediate?: boolean;
  context?: any;
}): ((...args: any[]) => void) {
  let timeoutId: ReturnType<typeof setTimeout>;

  return (...args: any) => {
    const callContext = context || (this as any),
      callNow = immediate && !timeoutId;

    const laterFunction = () => {
      clearTimeout(timeoutId);
      targetFunction.apply(callContext, args);
    };

    clearTimeout(timeoutId);
    timeoutId = setTimeout(laterFunction, delay);
    if (callNow) laterFunction();
  };
};