Cara menangani kondisi onRejected pada sintaksis async-await?

Untuk menangani kondisi onRejected (penolakan) dalam sintaksis async-await di JavaScript, Anda dapat menggunakan blok try...catch. Pendekatan ini memungkinkan Anda menangkap dan menangani kesalahan yang terjadi saat menjalankan operasi asynchronous yang mungkin melemparkan error.

Berikut adalah contoh cara menangani penolakan menggunakan try...catch:

javascript
async function fetchData() {
  try {
    const response = await fetch('https://api.example.com/data');
    const data = await response.json();
    console.log(data);
  } catch (error) {
    console.error('Error occurred:', error);
  }
}

fetchData();

Dalam contoh ini, jika permintaan fetch gagal atau ada masalah saat mengubah respons menjadi JSON, error tersebut akan ditangkap oleh blok catch, dan Anda bisa menanganinya (misalnya dengan mencetak pesan kesalahan ke konsol).

Selain itu, Anda juga dapat menggunakan try...catch bersarang jika Anda perlu menangani beberapa bagian dari kode asynchronous secara berbeda:

javascript
async function fetchData() {
  try {
    const response = await fetch('https://api.example.com/data');
    if (!response.ok) {
      throw new Error('Network response was not ok');
    }
    try {
      const data = await response.json();
      console.log(data);
    } catch (jsonError) {
      console.error('Failed to parse JSON:', jsonError);
    }
  } catch (networkError) {
    console.error('Fetch error:', networkError);
  }
}

fetchData();

Dalam contoh ini, kesalahan jaringan dan kesalahan parsing JSON ditangani secara terpisah untuk memberikan respons yang lebih spesifik tergantung pada jenis kesalahan yang terjadi.

Dengan menggunakan blok try...catch, Anda dapat dengan mudah mengelola kesalahan dalam fungsi asynchronous, memberikan pengalaman pengguna yang lebih baik dengan menangani dan melaporkan kesalahan secara tepat.