Hur hanterar du fel i JavaScript, inklusive asynkron kod?

Question

IT Interview Practice · Accepted Answer

Synkrona fel använder **`try/catch/finally`**, och du bör `throw` `Error`-objekt (inte strängar) så att du får en stack trace.

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

## Varför det är viktigt

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

## En vanlig fälla: try/catch fångar inte asynkrona callbacks

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

`setTimeout` callback körs på en senare tick, så den omgivande `try` är redan borta. Hantera felet *inuti* callback:en.

## Globala säkerhetsnät

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

## Bästa praxis

- Kasta `Error` (eller anpassade subklasser) för stack traces och `instanceof` kontroller.
- Fånga **specifikt** där du kan återhämta dig; låt oväntade fel bubbla upp.
- Tryck aldrig ned fel tyst (`catch (e) {}`). Logga eller kasta alltid vidare.

Varför det är viktigt

En vanlig fälla: try/catch fångar inte asynkrona callbacks

Globala säkerhetsnät

Bästa praxis

Relaterade frågor