Wie behandelst du Fehler in JavaScript, einschließlich asynchronem Code?

Question

Accepted Answer

Synchrone Fehler verwenden **`try/catch/finally`**, und du solltest `Error`-Objekte (keine Strings) `throw`en, um einen Stack Trace zu erhalten.

```js
try {
  const data = JSON.parse(input);
} catch (err) {
  if (err instanceof SyntaxError) handleBadJson(err);
  else throw err;        // re-throw what you can't handle
} finally {
  cleanup();             // always runs
}
```

## Warum es wichtig ist

```js
// async/await → wrap awaits in try/catch
async function load() {
  try {
    return await fetch(url).then(r => r.json());
  } catch (err) { showError(err); }
}

// promises → use .catch
fetch(url).then(use).catch(showError);
```

## Eine häufige Falle: try/catch fängt keine asynchronen Callbacks

```js
try {
  setTimeout(() => { throw new Error("boom"); }, 0); // ❌ NOT caught
} catch (e) { /* never runs — the throw happens later, outside this stack */ }
```

Der `setTimeout`-Callback läuft in einem späteren Tick aus, daher ist das umgebende `try` bereits verschwunden. Behandle den Fehler *innerhalb* des Callbacks.

## Globale Sicherheitsnetze

```js
window.addEventListener("unhandledrejection", e => log(e.reason)); // browser
process.on("unhandledRejection", err => log(err));                 // Node
```

## Beste Praktiken

- Wirf `Error` (oder benutzerdefinierte Unterklassen) für Stack Traces und `instanceof`-Prüfungen.
- Fange **gezielt** dort, wo du dich erholen kannst; lass unerwartete Fehler propagieren.
- Schlucke Fehler nie stillschweigend (`catch (e) {}`). Protokolliere oder werfe immer erneut.