← JavaScript42 / 69

async/await

async/await adalah cara menulis Promise agar terlihat berurutan seperti kode biasa — jauh lebih mudah dibaca daripada rantai .then(). Dua aturan: await hanya bisa dipakai di dalam fungsi async, dan fungsi async selalu mengembalikan Promise. Perlu diingat await menghentikan hanya fungsi tempat ia berada, bukan seluruh program — bagian lain aplikasimu tetap berjalan seperti biasa.

👀 Contoh dulu

const tunggu = (ms) =>
  new Promise((r) => setTimeout(() => r('selesai ' + ms + 'ms'), ms));

// dengan .then (bertingkat)
tunggu(200).then((a) => console.log(a));

// dengan async/await (rata, mudah dibaca)
async function jalan() {
  const hasil = await tunggu(400);
  console.log(hasil);
}
jalan();

Hasilnya: selesai 200ms selesai 400ms

💡 await 'menunggu' Promise selesai lalu memberi nilainya langsung. Hanya boleh dipakai di dalam fungsi async.

📝 Sekarang giliranmu

Buat fungsi async function ambilData() yang await sebuah Promise lalu menampilkan hasilnya, dan panggil fungsinya.

Preview

← Sebelumnya Berikutnya →