Fungsi Await di JavaScript: Panduan Lengkap dan Contoh

Fungsi 'await' di JavaScript digunakan untuk menunggu hingga suatu 'promise' diselesaikan dan mengembalikan hasilnya.

Pada dasarnya, ketika menggunakan 'async/await' di JavaScript, Anda menandai suatu fungsi sebagai 'async' dengan menambahkan kata kunci 'async' sebelum deklarasi fungsi. Ketika Anda ingin menunggu hasil dari suatu 'promise', Anda menggunakan kata kunci 'await' di depan ekspresi 'promise' tersebut.

Contoh penggunaan 'await':

async function getData() {
  const response = await fetch('https://api.example.com/data');
  const data = await response.json();
  return data;
}

// Memanggil fungsi getData
getData().then(data => {
  console.log(data);
}).catch(error => {
  console.error(error);
});

Dalam contoh di atas, fungsi 'getData' digunakan untuk mengambil data dari suatu API menggunakan metode 'fetch'. Dengan menggunakan 'await', kita dapat menunggu hingga 'promise' dari 'fetch' selesai dan kemudian mengonversi responsenya menjadi JSON. Hasil JSON tersebut kemudian dapat diakses melalui variabel 'data'.

Perhatikan bahwa penggunaan 'await' hanya diizinkan di dalam fungsi yang diberi tanda 'async'.