Hogyan kezeled a hibákat a JavaScriptben, beleértve az async kódot?

Question

IT Interview Practice · Accepted Answer

A szinkron hibák **`try/catch/finally`** típusúak, és `throw` `Error` objektumokat (nem stringeket) kell használnod, hogy megkapd a stack trace-t.

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

## Miért fontos ez

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

## Az async hibakezelés stílus szerint eltérő

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

A `setTimeout` callback később fut le, így a körülötte lévő `try` már rég eltűnt. Kezeld a hibát *a callback-en belül*.

## Globális biztonsági háló

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

## Legjobb gyakorlatok

- Dobd el az `Error`-t (vagy egyéni alosztályokat) a stack trace és `instanceof` ellenőrzésekhez.
- Fogj meg **specifikusan** ahol tudsz helyreállítani; hagyj felbuborékozni a váratlan hibákat.
- Soha ne nyeld le a hibákat csendben (`catch (e) {}`). Mindig naplózz vagy dobj fel újra.

Miért fontos ez

Az async hibakezelés stílus szerint eltérő

Globális biztonsági háló

Legjobb gyakorlatok

Kapcsolódó kérdések