Debounce limits the rate at which a function can fire. It enforces certain amount waiting time before a function is actually invoked. It is a different control compared to throttle.

debounce.js

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

// The message, 'Function is actually invoked', will be printed 1 second after the browser window stops resizing.
window.addEventListener('resize', debounce(()=>console.log('Function is actually invoked'), 1000));
console.log('Debounce will be called');