Javascript Debounce & Throttle

debounce.js

// Executing the callback after number of milliseconds. 
const debound = (callback, delay) => {
  let timeout = 0;
  
  return (...args) => {
    clearTimeout(timeout);
    timeout = setTimeout(() => {
      callback(...args);
    }, delay);
  }
}

// usage
// onClick={() => debounce(handleEventFunction, 1000)}

throttle.js

// Executing the callback based on limit time
const throttle = (callback, delay) = {
  let shouldWait = false,
      lastArgs = null;
  
  return (..args) => {
    if(shouldWait) {
      lastArgs = args;
      return;
    }
    callback(...args);
    shouldWait = true;
    setTimeout(() => {
      if(lastArgs === null) {
        shouldWait = false;
      } else {
        shouldWait = false;
        callback(...lastArgs);
        lastArgs = null;
      }
    }, delay);
  }
}

// usage
// onClick={() => throttle(handleEventFunction, 1000)}