Tips JavaScript : Throttle & Debounce

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).

Continue reading →