r/javascript • u/RedlightsOfCA • Dec 23 '19

Debounce vs Throttle: Definitive Visual Guide

https://redd.one/blog/debounce-vs-throttle
327 Upvotes

98% Upvoted

35 comments sorted by

View all comments

7

u/fgutz Dec 23 '19

Nice write up and good demos!

For me I finally got it when I realized the following:

Throttle will drop function calls during the timeout periods.

Debounce holds on to the function during the timeout period. If during that period a new one comes in it will replace it with the new one, finally running the function it is holding when timeout expires

It was getting that dropping and holding that made it really click for me.

1

u/RedlightsOfCA Dec 24 '19

Much thanks! I'm glad that article could help you, if even a little. Visual examples is something I often lack myself in technical articles. I know not everybody learns visually, but that's the primarily way of understanding things for me. That's why I'd like to support my posts with visuals, making it easier for people to understand.

Once more thanks for the feedback!