rafThrottle.ts

type AnyFunction = (...args: any) => void;

export function rafThrottle<T extends AnyFunction>(func: T) {
  let rafHandle: number | null = null;

  const throttled: {
    (this: ThisType<T> | void, ...args: Parameters<T>): void,
    cancel(): void,
  } = Object.assign(
    function (this: any, ...args: any) {
      if (rafHandle) {
        return;
      }
      rafHandle = requestAnimationFrame(() => {
        rafHandle = 0;
        func.apply(this, args);
      });
    },
    {
      cancel() {
        if (rafHandle) {
          cancelAnimationFrame(rafHandle);
        }
      },
    },
  );
  return throttled;
}