Javascript Async Error Handling Patterns Abortcontroller Retry Timeout

JavaScript1 September 20262 menit baca

Javascript Async Error Handling Patterns Abortcontroller Retry Timeout

Definisi

Pola menangani kegagalan async dengan bersih: AbortController untuk membatalkan fetch, retry dengan backoff untuk transient error, dan timeout agar promise tidak menggantung. Tujuannya UX tangguh tanpa promise zombie.

Kapan dipakai

AbortController: batalkan request saat user navigasi/ubah input.
Retry: jaringan flaky (5xx, timeout) layak dicoba ulang terbatas.
Timeout: fetch tanpa batas waktu bisa hang selamanya.

Cara kerja

Abort + timeout fetch

const ctrl = new AbortController();
const t = setTimeout(() => ctrl.abort(), 5000);

Selesai membaca dokumentasi ini?

Kembali ke rujukan utama JavaScript untuk melanjutkan topik lainnya.

Kembali ke Kategori

async function withRetry(fn, n = 3) {
  for (let i = 0; i < n; i++) {
    try { return await fn(); }
    catch (e) { if (i === n - 1) throw e; await new Promise(r => setTimeout(r, 2 ** i * 200)); }
  }
}

Javascript Async Error Handling Patterns Abortcontroller Retry Timeout | Rujukan Pemrograman | Mahir.dev Academy

Javascript Async Error Handling Patterns Abortcontroller Retry Timeout

Javascript Async Error Handling Patterns Abortcontroller Retry Timeout

Definisi

Kapan dipakai

Cara kerja

Abort + timeout fetch

Selesai membaca dokumentasi ini?

Retry dengan backoff

Struktur alur

Catatan implementasi

Kesalahan umum

Referensi terkait