Async/Await
Async/Await adalah fitur JavaScript yang memungkinkan Anda menulis kode asynchronous dengan cara yang lebih bersih dan mudah dibaca. Ini memungkinkan Anda untuk mengelola Promise dengan lebih efisien.
Apa itu Async/Await?
async
adalah kata kunci yang digunakan sebelum sebuah fungsi untuk mendeklarasikan bahwa fungsi tersebut akan mengandung kode asynchronous.await
adalah kata kunci yang digunakan dalam fungsi yang diberi tandaasync
untuk menunggu hasil dari sebuah Promise. Ini membuat kode berhenti sampai Promise diselesaikan dan mengembalikan hasilnya.
Contoh Penggunaan:
// Fungsi asynchronous sederhana
async function getData() {
try {
let response = await fetch('https://jsonplaceholder.typicode.com/posts/1');
let data = await response.json();
console.log(data);
} catch (error) {
console.error('Error:', error);
}
}
getData();
Dalam contoh di atas, await
digunakan untuk menunggu hasil dari fetch
dan mengonversi respons ke JSON sebelum mencetaknya ke konsol. Jika ada kesalahan, kita menangkapnya dengan try...catch
.
Keuntungan Async/Await:
- Kode lebih mudah dibaca dan dipahami.
- Manajemen error yang lebih baik dengan
try...catch
. - Memungkinkan penggunaan kode asynchronous di dalam fungsi biasa.
- Menghindari callback hell (piramida callback) yang sulit dikelola.
Kesimpulan
Async/Await adalah cara yang baik untuk mengatasi kode asynchronous dalam JavaScript dengan lebih bersih dan mudah dibaca. Ini sangat berguna dalam penanganan HTTP request, operasi berkepanjangan, dan tugas-tugas lain yang membutuhkan waktu.