Błędy w kodzie asynchronicznym

Operacje asynchroniczne kończą się niepowodzeniem w inny sposób niż operacje synchroniczne: błąd nie pojawia się natychmiast, lecz „później”, gdy obiekt Promise przechodzi w stan rejected. Zobaczmy dwa główne narzędzia do ich obsługi.

try/catch z await

Gdy używasz słowa kluczowego await przed obietnicą, która kończy się błędem, błąd ten zostanie rzucony ponownie jako standardowy wyjątek: możesz go przechwycić za pomocą bloku try/catch.

async function leggiSicuro() {
  try {
    const r = await fetch('/api/cose');
    if (!r.ok) throw new Error('HTTP ' + r.status);
    return await r.json();
  } catch (err) {
    console.error('errore di rete:', err.message);
    return null;
  }
}

Jest to najbardziej czytelny wzorzec: piszesz liniowy kod dla optymistycznego scenariusza („happy path”), a wszystkie błędy obsługujesz w jednym wspólnym bloku.

.catch na obiekcie Promise

W stylu łańcuchowym:

fetch('/api/cose')
  .then((r) => r.json())
  .then((dati) => console.log(dati))
  .catch((err) => console.error(err));

.catch przechwytuje dowolny błąd rzucony wzdłuż poprzedzającego łańcucha.

Promise.all kończy się niepowodzeniem przy pierwszym odrzuceniu (rejection)

const ps = [Promise.resolve(1), Promise.reject(new Error('no')), Promise.resolve(3)];
try {
  const r = await Promise.all(ps);
} catch (err) {
  console.log(err.message); // 'no'
}

Pozostałe obietnice nadal działają w tle, ale Promise.all rozstrzyga się natychmiast po wystąpieniu pierwszego błędu. Jeśli chcesz uzyskać wyniki wszystkich obietnic (w tym informacji o błędach), użyj Promise.allSettled:

const esiti = await Promise.allSettled(ps);
// [{ status: 'fulfilled', value: 1 },
//  { status: 'rejected', reason: Error('no') },
//  { status: 'fulfilled', value: 3 }]

Spróbuj sam

Ćwiczenie powtórzeniowe