How to implement debounce in JavaScript for optimizing high-frequency events?

Debouncing in JavaScript limits how often a function runs by delaying its execution until a certain time has passed since the last call, optimizing high-frequency events like scrolling or typing.

Implement debounce by creating a function that wraps the original, using setTimeout to schedule execution and clearTimeout to reset the delay if called again within a specified wait period.

Code

function debounce(func, delay) {
  let timeout;
  return function (...args) {
    clearTimeout(timeout);
    timeout = setTimeout(() => func.apply(this, args), delay);
  };
}