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

概要

Error の cause オプションで元のエラーを保持したまま新しいエラーをスローできます。エラーチェーンにより根本原因の追跡が容易になります。

対応ブラウザ

機能 デスクトップ モバイル
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 option

Error Cause property in source. Error link.

プレビュー全画面表示

Error-n. tracking

deepout in also cause cause specific.

プレビュー全画面表示

traditional. side notation and. comparison

Cause use and in error. cause retain in.

プレビュー全画面表示

実務での使いどころ

  • Error cause の活用

    エラーの原因を cause プロパティで連鎖的に記録する仕組み。エラーのコンテキストを保持可能。

注意点

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

アクセシビリティ

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

Powered by web-features