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);
  };
}