Apa Itu Asynchronous?

Apa Itu Asynchronous?

   April 11, 2025       Mahatma Mahardhika

---

Apa Itu Asynchronous?

Daftar Isi

1. Pengertian Asynchronous
2. Perbedaan Synchronous dan Asynchronous
3. Kenapa Asynchronous Penting?
4. Cara Kerja Asynchronous di JavaScript
5. Mengenal Promise
6. Async/Await: Cara Modern Mengelola Async
7. Contoh Kasus Asynchronous dalam Dunia Nyata
8. Kesimpulan

1. Pengertian Asynchronous

Asynchronous adalah cara kerja program di mana proses tidak harus menunggu satu sama lain untuk selesai. Proses dapat berjalan bersamaan di latar belakang, membuat program lebih efisien dan responsif.

2. Perbedaan Synchronous dan Asynchronous

• Synchronous: Eksekusi kode baris demi baris, menunggu satu proses selesai baru lanjut ke proses berikutnya.
• Asynchronous: Tidak menunggu proses selesai, tapi langsung lanjut menjalankan kode berikutnya sambil proses sebelumnya berjalan di belakang layar.

3. Kenapa Asynchronous Penting?

Dalam aplikasi modern, banyak proses yang lambat seperti mengambil data dari server atau menunggu input user. Jika semua proses dijalankan secara synchronous, aplikasi bisa menjadi lambat, tidak responsif, atau bahkan freeze. Dengan asynchronous, proses lambat tetap berjalan tanpa mengganggu UI utama.

4. Cara Kerja Asynchronous di JavaScript

JavaScript menggunakan event loop dan queue untuk mengelola asynchronous. Contoh fungsi asynchronous yang umum digunakan:

• setTimeout()
• setInterval()
• fetch() atau permintaan HTTP lainnya
• Promise dan async/await

5. Mengenal Promise

Promise adalah objek yang mewakili hasil dari operasi asynchronous. Promise memiliki tiga status: pending, fulfilled, dan rejected.

const getData = () => {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve("Data berhasil diambil");
    }, 2000);
  });
};

getData().then(result => console.log(result));

6. Async/Await: Cara Modern Mengelola Async

async/await adalah syntax modern untuk bekerja dengan Promise, membuat kode async terlihat seperti kode biasa (synchronous), tapi tetap berjalan di belakang layar.

async function fetchData() {
  const result = await getData();
  console.log(result);
}

fetchData();

7. Contoh Kasus Asynchronous dalam Dunia Nyata

Bayangkan kamu memesan makanan lewat aplikasi. Setelah klik “pesan”, aplikasi tidak akan berhenti bekerja sampai makanan datang. Sebaliknya, aplikasi tetap bisa kamu gunakan sambil menunggu pesanan diproses — inilah konsep asynchronous.

Contoh di JavaScript:

console.log("Memesan makanan...");
setTimeout(() => {
  console.log("Makanan siap dikirim!");
}, 3000);
console.log("Menunggu makanan...");

Output:

Memesan makanan...
Menunggu makanan...
Makanan siap dikirim! (setelah 3 detik)

8. Kesimpulan

Asynchronous adalah konsep penting dalam pemrograman modern. Dengan asynchronous, aplikasi menjadi lebih cepat, efisien, dan tidak mudah hang saat menjalankan tugas berat seperti mengambil data dari internet atau menjalankan animasi.

JavaScript mendukung asynchronous melalui setTimeout, Promise, dan async/await. Jika kamu ingin menjadi developer handal, memahami konsep ini adalah suatu keharusan.