Widely available すべての主要ブラウザで対応済み。安心して使用可能。

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
93
93
91
15
93
15
Error.Error.options cause parameter

options.cause`パラメータ

93
93
91
15
93
15
1+対応 (バージョン) 未対応 注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)
注釈 1件
実装メモ
  • バージョン125以前では、`Error`オブジェクトに対するデフォルトのコンソールロギングでは原因が表示されなかった。
注釈 1件
実装メモ
  • バージョン125以前では、`Error`オブジェクトに対するデフォルトのコンソールロギングでは原因が表示されなかった。
注釈 1件
実装メモ
  • デフォルトの `Error` オブジェクトのコンソールロギングでは、原因が表示されない。
注釈 1件
実装メモ
  • バージョン125以前では、`Error`オブジェクトに対するデフォルトのコンソールロギングでは原因が表示されなかった。
注釈 1件
実装メモ
  • デフォルトの `Error` オブジェクトのコンソールロギングでは、原因が表示されない。

基本構文

JAVASCRIPT
try {
  const data = JSON.parse(invalidJson);
} catch (err) {
  throw new Error('Failed to load data', { cause: err });
}

// Access the original error via err.cause

ライブデモ

Error の cause オプション

Error の cause プロパティで元のエラーを連鎖。

プレビュー全画面表示

エラーチェーンの追跡

深い呼び出しでも cause を辿って原因を特定。

プレビュー全画面表示

従来の方式との比較

cause を使うことでエラーの根本原因を保持できる。

プレビュー全画面表示

実務での使いどころ

  • Error cause の活用

    cause は Error インスタンスのデータプロパティで、エラーの元の原因を示します。

注意点

  • 特になし。すべての主要ブラウザで安定して動作する。

アクセシビリティ

  • JavaScript による動的更新時は、aria-live リージョンで変更をスクリーンリーダーに通知する。