Javascript → Отличие Debounce от Throttling

26.06.2019

Debounce — функция будет выполнена только тогда, когда после последней попытки вызова прошло определённое время. Задержка начинает заново отсчитываться с каждой новой попыткой вызова. Например если повесить debounce на onscroll с временем 100ms, то функция выполнится через 100ms после прекращения скрола.

Схематично:

Debounce

Throttling — функция будет выполняться не чаще одного раза в указанный период, даже если она будет вызвана много раз в течение этого периода. Например если повесить throttle на onscroll с временем 100ms, то функция будет выполнятся каждые 100ms пока происходит скролинг.

Схематично:

Throttling

Похожие записи

Комментарии

Никита
23.09.2021, 11:00

Самое понятное и наглядное объяснение

Михаил
25.09.2021, 11:26

Спасибо, согласен с Никитой, самое краткое и понятное объяснение

Михаил
23.12.2021, 15:09

Перечитал несколько разных страниц и не понимал разницу, а тут одного взгляда хватило )

Добавить комментарий