Cad é an difríochtaí idir debounce agus throttle?

Question

Accepted Answer

Teorannaíonn an dá dhream cé chomh minic agus a rithfidh feidhm mar fhreagairt do thorthaí tapa, athriofa — ach le straitéisí socrúcháin ar leith.

- **Debounce**: rith an fheidhm díreach **tar éis don ghníomhaíocht stad** ar feadh N ms. Athshocraítear an timer ar gach glaoch. → "fan go dtí go bhfuil siad críochnaithe."
- **Throttle**: rith an fheidhm **ar a bhealach amháin gach N ms** le linn ghníomhaíochta leanúnach. → "rith ar ráta seasmhach."

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

## Debounce implementation

```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 implementation

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

## Cathain a úsáid ceachtar acu

- **Debounce**: cuardach-agus-tú-ag-clóchur, fiosrúchán-uathoibríoch, athshocrú-deireadh, bailíochtú tar éis don úsáideoir stad de bheith ag clóchur — is mian leat an *luach deireanach*.
- **Throttle**: gnáthlámhainní scroilí, mousemove, tarraingthe, teorannú ráta — is mian leat *nuashonruithe tréimhseacha* agus an gníomh ar siúl.

## Cén fáth a bhíonn tábhacht aige

Coiscíonn an dá dhream obair dhruthainn a dhó (glaoch API, athchealcúlú leagan amach) na céadta huaire in aghaidh an tsoicind, agus is éard atá ann príomhtheicníc feidhmíochta tosaigh.

Soláthraíonn leabharlanna cosúil le lodash leagana daingean le roghanna tosaigh/traenála.