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

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

Антон
16.05.2022, 16:13

Действительно, самое схематичное представление отличий Debounce от Throttle

Павел
30.03.2023, 18:41

Присоединяюсь к обратной связи выше. Правду говорят: "Краткость - сестра таланта"

Даниил
11.07.2023, 00:15

Самое простое и понятное объяснение. Благодарю!

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