非同期コードを含め、JavaScriptではどのようにエラーを処理しますか？

Question

Accepted Answer

同期的なエラーには **`try/catch/finally`** を使い、スタックトレースを得るために（文字列ではなく）`Error` オブジェクトを `throw` すべきです。

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

## 非同期のエラー処理はスタイルによって異なる

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

## よくある罠: try/catch は非同期コールバックを捕捉しない

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

`setTimeout` のコールバックは後のティックで実行されるため、周囲の `try` はとっくに消えています。エラーはコールバックの*内部*で処理してください。

## グローバルなセーフティネット

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

## ベストプラクティス

- スタックトレースと `instanceof` チェックのために、`Error`（またはカスタムサブクラス）を throw する。
- 回復可能な箇所では**具体的に**捕捉し、想定外のエラーは伝播させる。
- エラーを黙って握りつぶさない（`catch (e) {}`）。必ずログを出すか再 throw する。