Creates a debounced function that delays invoking the provided function

debounce.ts

type DebounceFunc = (...args: any[]) => void;

/**
 * Creates a debounced function that delays invoking the provided function
 * @param {Function} func - The function to debounce wait.
 * @param {number} ms - The number of milliseconds to delay.
 * @returns {Function} Returns the new debounced function.
 */
function debounce<F extends DebounceFunc>(func: F, ms: number) {
  let timeout: ReturnType<typeof setTimeout>;

  const debounced = (...args: Parameters<F>) => {
    clearTimeout(timeout);
    timeout = setTimeout(() => func(...args), ms);
  };

  return debounced as (...args: Parameters<F>) => ReturnType<F>;
};

/**
 * Logger
 */
const logger = (name: keyof Window): void => console.log(window[name]);
window.addEventListener(
  'resize', 
  (event: UIEvent) => debounce(logger, 500)('innerWidth')
)