Menene bambanci tsakanin debounce da throttle?

Question

Accepted Answer

Duka biyu suna tatara yawancin lokacin da aiki zai gudu wajen amsa abubuwa masu sauri, na maimaita — amma tare da dabarbaru daban-daban na lokaci.

- **Debounce**: gudu aiki **bayan aiki ya tsaya** don N ms kawai. Sake saitawa timer a kowane kira. → "jira har sai an gama."
- **Throttle**: gudu aiki **sau ɗaya a kowane N ms** a lokacin da aiki ya ci gaba. → "gudu a wajan mara sauki."

```text
events:    x x x x x x x ........ x x x
debounce:                 ↑ (fires once, after the pause)
throttle:  ↑     ↑     ↑           ↑     (fires periodically)
```

## Debounce aiwatarwa

```js
function debounce(fn, ms) {
  let timer;
  return (...args) => {
    clearTimeout(timer);                  // cancel the previous scheduled call
    timer = setTimeout(() => fn(...args), ms); // schedule a new one
  };
}
const search = debounce(q => api.search(q), 300); // only searches after typing pauses
```

## Throttle aiwatarwa

```js
function throttle(fn, ms) {
  let last = 0;
  return (...args) => {
    const now = Date.now();
    if (now - last >= ms) { last = now; fn(...args); } // run at most every ms
  };
}
```

## Lokacin amfani da wace

- **Debounce**: bincike-kuma-ka-rubutu, autosave, kawo-gida, tabbatarwa bayan mai amfani ya tsaya rubuta — kana bukata *ƙarshe* ƙimar.
- **Throttle**: jigon scroll, mousemove, ja, iyaka-matsa — kana bukata *madaidaiciyar* sabuntawa yayin aiki ke ci gaba.

## Menene alamar da ya cancanta

Duka biyu suna karewa aiki mai tsada (kiran API, sake kirga jeri) dari sau a cikin second, wanda shine babbar dabari na gida.

Sako kamar lodash suna ba da ƙarfin sifofi tare da gida/bijir zaɓi.