Back to blog
Fundamental

Asynchronous: Kenapa Budi Gak Bengong Liatin Air Mendidih?

Kalau JavaScript cuma punya satu otak, kenapa dia bisa narik data API sambil ngerender animasi UI? Rahasianya ada di cara Budi masak mi instan.

super admin·19 Juli 2026·2 min read
Asynchronous: Kenapa Budi Gak Bengong Liatin Air Mendidih?
Article Content

Bayangin Budi Lagi Masak Mi Instan Buat Siti...

Bayangin Budi mau bikin sarapan buat Siti: Mi instan, telur ceplok, dan kopi. Kalau Budi adalah *programmer* yang menggunakan bahasa Synchronous (Berurutan), cara kerjanya bakal bodoh banget.

Budi merebus air mi (butuh 5 menit). Selama 5 menit itu, Budi berdiri diam mematung menatap panci (Blocking). Dia tidak mau menggoreng telur atau menyeduh kopi sebelum airnya benar-benar mendidih. Hasilnya? Sarapannya baru jadi 30 menit kemudian, dan Siti keburu kelaparan!

Masalahnya: Komputer Gak Boleh Bengong

Di dunia coding, merebus air itu ibarat Menembak Database (Fetch API) yang butuh waktu 3 detik. Kalau JavaScript meniru gaya Budi tadi, layar HP Siti bakal Freeze/Hang selama 3 detik. Siti gak bisa scroll atau nge-klik tombol lain sampai data dari database selesai dimuat.

Nah, Di Sinilah 'Asynchronous' Masuk!

JavaScript modern sangat pintar karena menggunakan arsitektur Asynchronous (Non-blocking I/O) lewat fitur Async / Await atau Promises.

  • Budi (JavaScript) menyalakan kompor untuk merebus air mi (Fetch API).
  • Alih-alih bengong, Budi meninggalkan panci itu (Non-blocking) dan menyuruh asisten (Web APIs) buat ngawasin pancinya: "Woi, nanti kabarin ya kalau udah mendidih!"
  • Sementara airnya direbus, Budi lanjut menggoreng telur dan menyeduh kopi (Merender UI dan Tombol di layar).
  • Tiba-tiba asisten teriak: "Bud, airnya udah mendidih nih (Data API udah turun)!"
  • Budi tinggal memasukkan mi ke dalam panci dan menyelesaikannya (Mengeksekusi fungsi Callback / Await).

Intinya: Asynchronous adalah seni multitasking di mana komputermu tidak pernah membuang waktu satu milidetik pun untuk menunggu (waiting). Ia akan mengerjakan tugas lain di layar, dan kembali ke tugas lama saat datanya sudah benar-benar siap.

Mau langsung pakai template?

Jelajahi template gratis dan premium di TampilKit untuk mempercepat proses development project kamu.

Browse Templates