JavaScript Asynchronous - Callback

 


 

Program dalam javascript secara default akan dieksekusi baris perbaris. Secara default proses di javascript akan dieksekusi secara synchronous, artinya baris selanjutnya akan dieksekusi setelah baris sebelumnya selesai dikerjakan. Proses Synchronous juga biasa disebut Blocking, karena harus menunggu tiap proses selesai, baru proses selanjutnya bisa dilakukan.

 

Dan apa itu Asynchronous?

Walaupun secara default proses di javascript di eksekusi secara synchronous, namun kita bisa membuatnya menjadi asynchronous. Berbeda dengan proses synchronous, pada proses asynchronous javascript tidak menunggu proses tersebut selesai, melainkan javascript akan melanjutkan baris selanjutnya tanpa harus menunggu proses asynchronous selesai. Proses Asynchronous juga biasa disebut Non-Blocking.

 

Apa itu Callback?

 Callback merupakan mekanisme untuk memanggil kembali kode yang ada diprogram dari proses async.

 Callback biasanya disebut dalam bentuk function as parameter, dan parameter tesebut akan dieksekusi saat proses Async selesai.

 Dengan menggunakan callback, program bisa menerima informasi yang dibutuhkan dari proses yang berjalan secara async.

 

Ada banyak method Async yang terdapat di javascript, yang akan kita bahas kali ini adalah:

 setTimeout(callback, timeInMilis), digunakan untuk menjalankan proses async sekali dalam waktu tertentu.

 setInterval(callback, timeInMilis), digunakan untuk menjalankan proses async secara periodik dalam waktu tertentu.

 

Contoh setTimeout:

 

Output setTimeout:

                                                        Ouput setTimeout setelah 5 detik

 

 

Contoh setInterval:


Output setInterval:

Content update setiap detik

 

Posting Komentar

0 Komentar