Hoe behandel je fouten in JavaScript, inclusief async-code?

Question

IT Interview Practice · Accepted Answer

Synchrone fouten gebruiken **`try/catch/finally`**, en je moet `Error`-objecten `throw`en (geen strings) zodat je een stack trace krijgt.

```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
}
```

## Waarom het belangrijk is

```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);
```

## Een veelgebruikt probleem: try/catch vangt async callbacks niet op

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

De `setTimeout`-callback wordt op een later moment uitgevoerd, dus de omringende `try` is allang voorbij. Behandel de fout *binnen* de callback.

## Globale vangnetwerken

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

## Best practices

- Gooi `Error`-objecten (of aangepaste subklassen) voor stack traces en `instanceof`-controles.
- Vang *specifiek* af waar je kunt herstellen; laat onverwachte fouten propageren.
- Onderdruk fouten nooit stilzwijgend (`catch (e) {}`). Log of gooi altijd opnieuw.

Waarom het belangrijk is

Een veelgebruikt probleem: try/catch vangt async callbacks niet op

Globale vangnetwerken

Best practices

Gerelateerde vragen