Use of anti shake debounce and throttling throttle

Anti shake function ： stay n Only the last time in seconds （ After triggering an event , Before the next trigger , If the intermediate interval exceeds the set time, the request will be sent , If it is triggered all the time, the request will not be sent ）
Application scenarios ： Button to submit Events , Search function , Browser window zoom , Form validation ,scroll Event scrolling ,resize event

/**
 *  Shake proof  (n Only the last time in seconds )
 * @param fn
 * @param delay
 * @return {Function}
 * @private
 */
export function _debounce(fn, delay) {
  var newDelay = delay || 500;
  var timer;
  return function () {
    var args = arguments;
    if (timer) {
      clearTimeout(timer);
    }
    timer = setTimeout(() => {
      timer = null;
      fn.apply(this, args);
    }, newDelay);
  };
}

Throttling function ： stay n Only once per second （ If you continue to trigger an event , Is every n Once per second ）
Application scenarios ： Drag and drop , Distance of mouse movement , monitor scroll Scroll Events

/**
 *  throttle  ( every other n Once per second )
 * @param fn
 * @param interval
 * @return {Function}
 * @private
 */
export function _throttle(fn, interval) {
  var last;
  var timer;
  var newInterval = interval || 200;
  return function () {
    var th = this;
    var args = arguments;
    var now = +new Date();
    if (last && now - last < newInterval) {
      clearTimeout(timer);
      timer = setTimeout(function () {
        last = now;
        fn.apply(th, args);
      }, newInterval);
    } else {
      last = now;
      fn.apply(th, args);
    }
  };
}

Use ：

// Click confirm to submit the payment order

confirmSubmit () { 
     this._debounce(this.action, 1000)(); 
}