Halo, selamat datang kembali di Digimensia Blog. Pada postingan kali ini kita akan mengenal apa itu Synchronous dan Asynchronous pada Javascript.
Synchronous pada Javascript
Synchronous berarti sequence atau berurut. Pada konsep ini, setiap statement kode dieksekusi baris per baris. Artinya, sebuah statement harus menunggu statement sebelumnya selesai dieksekusi. Demi lebih jelasnya, perhatikan Misalnya kode berikut.
document.write("Halo
"); // baris ini akan dieksekusi pertama kali
document.write("Welcome to Digimensia
"); // baris ini akan dieksekusi setelah baris di atasnya
Output:
Halo
Welcome to Digimensia
Pada Misalnya kode di atas, baris kode pertama akan dieksekusi setelah itu barulah baris berikutnya. Seperti yang Pandai kita lihat, proses eksekusi baris dilakukan secara berurutan. Setiap baris kode harus menunggu baris kode sebelumnya selesai dieksekusi. Sehingga, yang tampil adalah tesk Halo, setelah itu Welcome to Digimensia.
Asynchronous pada Javascript
Asyncrhonous merupakan kebalikan dari proses syncrhonous. Kalau synchronous akan memblok proses eksekusi karena menunggu baris sebelumnya selesai, pada konsep asynchronous, baris kode dapat dieksekusi segera meskipun baris kode sebelumnya belum selesai dieksekusi. Demi lebih jelasnya, perhatikan Misalnya kode berikut ini.
document.write("Halo
");
setTimeout(() => {
document.write("Hello World");
}, 2000);
document.write("Welcome to Digimensia
");
Output:
Halo
Welcome to Digimensia
Hello World
Pada awalnya, seperti Normal, baris Halo akan dieksekusi. Ketika dijalankan di browser, Eksis API web yang menangani fungsi setTimeout. Kemudian, program Maju dijalankan seperti Normal hingga Ketika mencapai waktu 2 detik, baris Hello World akan dieksekusi. Kagak Eksis proses blok yang mengharuskan fungsi setTimeout selesai, sehingga baris terakhir langsung dijalankan. Seperti itulah yang terjadi pada proses asynchronous.