Debounce

debounce.js

/**
 * Prevent regularly called functions (scroll/resize event listeners, etc..) from
 * getting out of hand.
 *
 * @param {Function} callback Function to debounce
 * @param {integer}  wait     Delay between function calls in ms
 * @param {Objects}  context  Passed as `this` in debounced function
 * @return {Function} debounced function
 *
 * @usage
 *     import debounce from './debounce';
 *     const debounced = debounce(() => {
 *         ...
 *     });
 *     window.addEventListener('scroll', debounced, { passive: true });
 */

export default (callback, wait, context = this) => {
  let timeout = null;
  let callbackArgs = null;

  const later = () => callback.apply(context, callbackArgs);

  return (...args) => {
    callbackArgs = args;
    clearTimeout(timeout);
    timeout = setTimeout(later, wait);
  };
};