Async/Await
⏳ Async & Await di JavaScript
async dan await adalah sintaks modern JavaScript untuk menangani operasi asynchronous yang lebih mudah dibaca dibandingkan dengan chaining .then() pada Promise.
🔧 Dasar Penggunaan
async function fetchData() {
try {
const response = await fetch('https://api.example.com/data');
const json = await response.json();
console.log(json);
} catch (error) {
console.error('Terjadi error:', error);
}
}
🧠 Penjelasan
asyncdigunakan untuk mendeklarasikan fungsi yang mengembalikan Promise.awaithanya bisa digunakan di dalam fungsi async, menunggu promise selesai sebelum melanjutkan eksekusi.
⚠️ Catatan Penting
- Error harus ditangani dengan
try...catch. - Tidak bisa digunakan di luar fungsi async (kecuali di top-level async function, jika environment mendukung).
💡 Contoh Lain
const getUser = async (id) => {
const res = await fetch(`https://api.example.com/users/${id}`);
return res.json();
};
getUser(2)
.then(user => console.log(user))
.catch(err => console.log(err));
📌 Kapan Digunakan?
Gunakan async/await:
- Jika kamu ingin membuat kode async tampak seperti kode sync
- Jika kamu ingin menghindari chaining
.then().then().catch()