Skip to content
JavaScript

防抖函数

事件触发后等待一段时间再执行;若在等待期间再次触发则重置计时器。

#function#performance#debounce

Code

javascript
function debounce(fn, delay = 300, immediate = false) {
  let timer = null;
  return function (...args) {
    if (timer) clearTimeout(timer);
    if (immediate && !timer) {
      fn.apply(this, args);
    }
    timer = setTimeout(() => {
      timer = null;
      if (!immediate) fn.apply(this, args);
    }, delay);
  };
}