ابدأ مشروعًا

Debounce

Run a function only after the user stops typing or resizing.

javascript beginner #performance #events #functions

فتح في ساحة التجربة

js-debounce.js

function debounce(fn, wait = 300) {
  let timer;
  return (...args) => {
    clearTimeout(timer);
    timer = setTimeout(() => fn(...args), wait);
  };
}

const log = debounce((q) => console.log("search for", q), 200);
log("p"); log("pa"); log("pan");   // only "pan" is logged