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 tanda async 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:

  1. Kode lebih mudah dibaca dan dipahami.
  2. Manajemen error yang lebih baik dengan try...catch.
  3. Memungkinkan penggunaan kode asynchronous di dalam fungsi biasa.
  4. 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.