Apa itu throttle & debounce ? Berikut ini penjelasan singkat & contohnya.
Dua-duanya dipake untuk optimasi, khususnya untuk fungsi-fungsi kompleks yang dijalanin berulang kali. Cuman cara & metodenya yang beda.
Throttle
Throttle: Memastikan sebuah function hanya dijalankan satu kali dalam satu rentang waktu.
Dalam contoh di bawah ini, saya bikin dua listener untuk event scroll
. Yang satu normal, ga pake throttle.
See the Pen Throttle by Anggie Bratadinata (@masputih) on CodePen.
Sambil scrolling coba perhatiin, nilai scrollY
di dua listener itu sama, tapi listener yang ga pake throttle lebih sering dijalanin (call count
-nya lebih banyak).