Mengendalikan Ralat Async dalam JavaScript: Panduan Pantas

Ralat async dalam JavaScript timbul apabila operasi seperti permintaan rangkaian atau fail I/O gagal secara tidak dijangka. Tanpa pengendalian yang betul, ralat ini boleh menyebabkan ranap aplikasi atau gelagat tidak menentu. Berikut ialah panduan ringkas tentang beberapa cara berkesan untuk mengurus ralat tak segerak dalam kod anda.

1. Cuba-Tangkap dengan Async/Await

Untuk fungsi async, membalut kod dalam blok cuba-tangkap membolehkan anda mengendalikan ralat dengan anggun. Begini caranya:

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

2. Mengendalikan Penolakan Janji

Jika anda bekerja dengan janji secara langsung, kaedah .catch() membolehkan anda mengendalikan penolakan dengan mudah:

fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error('Promise rejection:', error));

3. Pengendalian Ralat Global

Untuk menangkap sebarang penolakan yang tidak dikendalikan di seluruh permohonan anda, gunakan acara penolakan tidak dikendalikan:

window.addEventListener('unhandledrejection', event => {
  console.error('Unhandled rejection:', event.reason);
});

4. Ralat Pembalakan dan Pelaporan

Semasa mengelog ralat ke konsol berfungsi untuk pembangunan, apl pengeluaran mendapat manfaat daripada alat penjejakan ralat khusus seperti Sentry atau LogRocket.

Untuk melihat lebih mendalam tentang pengendalian ralat async, lihat artikel penuh saya di Medium: Cara Mengendalikan Ralat Async JavaScript : Panduan Praktikal

Atas ialah kandungan terperinci Mengendalikan Ralat Async dalam JavaScript: Panduan Pantas. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!