ASYNC-AWAIT

Async-Await merupakan sebuah sintaks dalam JavaScript yang digunakan untuk menangani operasi yang bersifat asynchronous. Tugas dari Async-Await adalah untuk membuat kode JavaScript yang menggunakan promise menjadi lebih bersih dan mudah dipahami. Async-Await diperkenalkan sebagai bagian dari ES8 atau ES2017.

Pengertian Async-Await

Async-Await adalah sintaks khusus yang digunakan dalam JavaScript untuk menunggu operasi asynchronous diselesaikan terlebih dahulu. Penyebutannya sebagai Async-Await karena terdapat dua bagian utama dalam sintaks ini, yaitu Async dan Await.

• Async adalah keyword yang digunakan untuk mendeklarasikan fungsi asynchronous.

• Await adalah keyword yang digunakan dalam asynchronous function untuk menangguhkan eksekusi fungsi hingga promise diselesaikan.

Cara kerja Async-Await

Async Function

Fungsi asynchronous adalah fungsi yang mereturn sebuah promise. Kamu dapat membuat fungsi asynchronous dengan menggunakan keyword async sebelum pendeklarasian fungsi.

Contoh:

async function exampleFunction() {
  return "Hello World";
}

Fungsi di atas akan mereturn sebuah promise dengan nilai “Hello World”.

Await Operator

Await operator digunakan untuk menghentikan eksekusi fungsi asynchronous hingga promise selesai dijalankan dan menghasilkan hasilnya.

Contoh:

async function exampleFunction() {
  let value = await promiseFunction();
  console.log(value);
}

Await operator hanya bisa digunakan didalam async function dan tidak bisa digunakan diluar nya.

Manfaat Async-Await

Async-Await membantu dalam menulis kode yang lebih bersih dan mudah dipahami dibandingkan dengan menggunakan promise biasa atau callback. Dengan Async-Await, kamu bisa menulis kode asynchronous yang tampak seperti kode synchronous, membuat kode menjadi lebih mudah untuk ditulis dan dibaca. Selain itu Async-Await juga membantu dalam penanganan error karena kamu bisa menggunakan try/catch dalam menangkap error yang mungkin muncul dari operasi asynchronous.

Error Handling

Dengan Async-Await, kamu bisa menggunakan blok try/catch untuk menangkap error dari operasi asynchronous.

Contoh:

async function exampleFunction() {
  try {
    let value = await promiseFunction();
    console.log(value);
  } catch (error) {
    console.error('Error:', error);
  }
}

Ingatlah bahwa pemahaman tentang Promises sangat penting sebelum menggunakan Async-Await, karena Async-Await berdasarkan dari konsep Promises.