Asenkron hata stratejileri

Promise ve async fonksiyonlarda farklı hata yakalama stratejilerini öğrenirsin.

async fonksiyonda try/catch

Bir async fonksiyonun içinde await ile beklenen bir promise reddedilirse hata try bloğunda yakalanır. Senkron koddaki try/catch ile aynı yapıyı kullanırsın.

async function loadProfile(id) {
  try {
    const profile = await fetchProfile(id);
    return profile;
  } catch (err) {
    console.error('Yükleme başarısız', err);
    return null;
  }
}

.catch zinciri mi, try/await mi?

Promise zincirinde .catch() hatayı yakalar. async fonksiyonda ise try/await/catch daha okunaklıdır. İkisi de aynı sonucu verir; kodun akışına göre birini seçersin.

// zincir yöntemi
fetchProfile(id).catch(err => logError(err));

// async yöntem
async function load() {
  try { await fetchProfile(id); }
  catch (err) { logError(err); }
}

Uygulama Asenkron ayar yükleme

loadSettings adlı async fonksiyon yaz. try bloğunda await fetchSettings() çağrısının sonucunu const settings değişkenine ata ve return settings ile döndür. catch (err) bloğunda console.error(err) çağrısı yapıp return null döndür.

Örnek çözümü göster

async function loadSettings() {
  try {
    const settings = await fetchSettings();
    return settings;
  } catch (err) {
    console.error(err);
    return null;
  }
}

Kendini test et

Bir async fonksiyonda reddedilen promise nasıl yakalanır?
- Yalnızca .then() ile
- Yalnızca window.onerror ile
- Yalnızca finally bloğu ile
- await'i try bloğuna alıp catch ile
Cevabı göster

await'i try bloğuna alıp catch ile — Doğru! await'i try içine alıp catch ile yakalarsın.

await ile çağır

async function loadItem() {
  try {
    const item = ____ fetchItem();
    return item;
  } catch (err) {
    logError(err);
  }
}

Cevabı göster

async function loadItem() {
  try {
    const item = await fetchItem();
    return item;
  } catch (err) {
    logError(err);
  }
}

Stratejileri kullanımlarla eşleştir

try + await + catch

async fonksiyonda hata
.catch(handler)

promise zincirinde hata
.finally(fn)

temizlik her durumda
unhandledrejection

yakalanmamış reddedilme

Sıradaki ders: Global hata yakalama

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler