JavaScript Async #14: async/await: Cara Modern Menangani Async

• 05/23/2025
• ariq fadhil
• 5

1. Apa itu async/await?

async/await adalah sintaks modern untuk bekerja dengan Promise agar penulisan kode asynchronous menjadi lebih rapi dan mudah dibaca.

2. async Function

Function yang diberi keyword async otomatis mengembalikan Promise.

async function getData() {
  return "Data berhasil diambil";
}

3. await

await digunakan untuk menunggu Promise selesai sebelum lanjut ke baris berikutnya.

async function loadData() {
  const result = await Promise.resolve("Sukses");
  console.log(result);
}

4. Contoh dengan Fetch

async function getUsers() {
  const response = await fetch("https://jsonplaceholder.typicode.com/users");
  const data = await response.json();
  console.log(data);
}

5. Kelebihan async/await

• Lebih mirip synchronous code
• Lebih mudah dibaca
• Lebih mudah di-maintain

6. Ringkasan

• async membuat function mengembalikan Promise
• await menunggu Promise selesai
• async/await adalah cara modern menangani async

Di part berikutnya kita masuk ke Fetch API dan HTTP Request.