1 防抖

防抖適合的應(yīng)用場(chǎng)景，比如搜索聯(lián)想，電話(huà)號(hào)碼驗(yàn)證等。只有在最后一次事件響應(yīng)，再去請(qǐng)求資源。

function debounce(func, delay, immediately) {
  let timer = 0;
  return () => {
    const _this = this;
    const args = arguments;
    if (!timer && immediately) {
      func.apply(_this,args);
      return;
    }
    if (timer) {
      clearTimeout(timer);
    }
    timer = setTimeout(() => {
      func.apply(_this,args);
    }, delay);
  };
}

2 節(jié)流

節(jié)流適合的場(chǎng)景，比如滾動(dòng)監(jiān)聽(tīng)，自動(dòng)保存等。在多次密集的事件觸發(fā)中，平均分配資源請(qǐng)求。

function throttle(func, delay) {
  let timer = 0;
  return () => {
    const _this = this;
    const args = arguments;
    if (!timer) {
      timer = setTimeout(() => {
        func.apply(_this, args);
        timer = 0;
      }, delay);
    }
  };
}