防抖和节流

[PolluxLee]

防抖（Debounce）

使用场景：对于连续事件响应，只需要执行一次回调

function debounce(func, wait, immediate) {
  var timeId = null;

  return function () {
    
    clearTimeout(timeId);
    // 立即执行
    if (immediate) {
      if (!timeId) func.apply(this, arguments);
      timeId = setTimeout(() => {
        timeId = null;
      }, wait);
    }
    // 停止后执行
    else {
      timeId = setTimeout(() => {
        func.apply(this, arguments);
      }, wait);
    }
  }
}

节流（Throttle）

使用场景：对于连续事件响应，需要间隔一定时间触发回调来控制函数调用频率

function throttle(func, wait) {
  var now, previous = 0;

  return function () {
    now = +new Date();
    if (now - previous > wait) {
      func.apply(this, arguments);
      previous = now;
    }
  }
}

Reference

mqyqingfeng/Blog#22
mqyqingfeng/Blog#26