JavaScriptTingkat: Lanjutan7 min
Asynchronous JavaScript: Promise & Async/Await
Pahami model eksekusi asynchronous non-blocking, siklus hidup objek Promise, serta sintaks bersih async/await untuk komunikasi REST API.
Mengapa Asynchronous Penting?
Pratinjau TerbukaOperasi seperti membaca file besar atau mengirim request HTTP melalui jaringan membutuhkan waktu tunggu. Agar browser tidak membeku (freeze), operasi dilakukan di background melalui asynchronous Web APIs.
Poin Penting:
Promise memiliki 3 state: Pending (menunggu), Fulfilled (berhasil), dan Rejected (gagal).
Sintaks async/await menyederhanakan kode Promise agar terbaca seperti kode sinkron berurutan.
Blok try...catch digunakan untuk menangani kemungkinan kegagalan koneksi atau error HTTP.
Penerapan Async/Await & Fetch API
Contoh pengambilan data JSON dari endpoint publik dengan penanganan error terstruktur:
async function ambilDataPengguna(userId) {
try {
console.log("Memulai request jaringan...");
const respon = await fetch(`https://api.example.com/users/${userId}`);
if (!respon.ok) {
throw new Error(`HTTP Error! Status: ${respon.status}`);
}
const data = await respon.json();
console.log("Data berhasil diterima:", data);
return data;
} catch (error) {
console.error("Gagal mengambil data:", error.message);
}
}
Live Compiler Runner
Akses Kursus Wajib Login
Buka Akses Penuh Silabus & Praktikum
Masuk dengan akun GitHub, Google, atau Akses Cepat Developer untuk membuka seluruh materi mendalam, menjalankan compiler interaktif, mengerjakan kuis, dan menyimpan progres belajar Anda.
145+ Modul Lengkap•Tersimpan Otomatis•Sertifikat Kelulusan Resmi