Limited support 一部のブラウザのみ対応。使用時はサポート状況を確認すること。
エラー処理 Limited support

Serializable errors

Serializable errors により、Error オブジェクトを structuredClone() や postMessage() で転送できるようになります。name, message, stack, cause が保持されます。

エラー処理Proposal

概要

Serializable errors により、Error オブジェクトを structuredClone() や postMessage() で転送できるようになります。name, message, stack, cause が保持されます。

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
api.DOMException.serializable_object
77
79
101
77
ビルトインオブジェクト
Error.serializable object

シリアライズ可能オブジェクトは、どのような JavaScript 環境 ("realm") でもシリアライズし、後でデシリアライズすることができるオブジェクトです。 これは例えば、ディスクに格納し後から復元したり、structuredClone() で複製したり、DedicatedWorkerGlobalScope.postMessage() を使用してワーカー間で共有したりすることができます。
77
79
103
77
EvalError.serializable object

シリアライズ可能オブジェクトは、どのような JavaScript 環境 ("realm") でもシリアライズし、後でデシリアライズすることができるオブジェクトです。 これは例えば、ディスクに格納し後から復元したり、structuredClone() で複製したり、DedicatedWorkerGlobalScope.postMessage() を使用してワーカー間で共有したりすることができます。
77
79
103
77
RangeError.serializable object

シリアライズ可能オブジェクトは、どのような JavaScript 環境 ("realm") でもシリアライズし、後でデシリアライズすることができるオブジェクトです。 これは例えば、ディスクに格納し後から復元したり、structuredClone() で複製したり、DedicatedWorkerGlobalScope.postMessage() を使用してワーカー間で共有したりすることができます。
77
79
103
77
ReferenceError.serializable object

シリアライズ可能オブジェクトは、どのような JavaScript 環境 ("realm") でもシリアライズし、後でデシリアライズすることができるオブジェクトです。 これは例えば、ディスクに格納し後から復元したり、structuredClone() で複製したり、DedicatedWorkerGlobalScope.postMessage() を使用してワーカー間で共有したりすることができます。
77
79
103
77
SyntaxError.serializable object

シリアライズ可能オブジェクトは、どのような JavaScript 環境 ("realm") でもシリアライズし、後でデシリアライズすることができるオブジェクトです。 これは例えば、ディスクに格納し後から復元したり、structuredClone() で複製したり、DedicatedWorkerGlobalScope.postMessage() を使用してワーカー間で共有したりすることができます。
77
79
103
77
TypeError.serializable object

シリアライズ可能オブジェクトは、どのような JavaScript 環境 ("realm") でもシリアライズし、後でデシリアライズすることができるオブジェクトです。 これは例えば、ディスクに格納し後から復元したり、structuredClone() で複製したり、DedicatedWorkerGlobalScope.postMessage() を使用してワーカー間で共有したりすることができます。
77
79
103
77
URIError.serializable object

シリアライズ可能オブジェクトは、どのような JavaScript 環境 ("realm") でもシリアライズし、後でデシリアライズすることができるオブジェクトです。 これは例えば、ディスクに格納し後から復元したり、structuredClone() で複製したり、DedicatedWorkerGlobalScope.postMessage() を使用してワーカー間で共有したりすることができます。
77
79
103
77
1+対応 (バージョン) 未対応 ※注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)
注釈 3件
実装メモ
  • バージョン 103 のシリアライズされたプロパティ：name`, `message`, `cause`, `fileName`, `lineNumber` と `columnNumber` である。
  • バージョン104では、メインスレッドでの `stack` のシリアライズが追加された（`window.postMessage()`と `structuredClone()`）。
  • バージョン 110 では、ワーカー (`worker.postMessage()` と `structuredClone()`) における `stack` のシリアライズが追加された。
注釈 3件
実装メモ
  • バージョン 103 のシリアライズ可能なプロパティ：name`、`message`、`cause`、`fileName`、`lineNumber` および `columnNumber` である。
  • バージョン104では、メインスレッドでも `stack` をシリアライズする（`window.postMessage()` と `structuredClone()`）。
  • バージョン 110 では、ワーカー（`worker.postMessage()` と `structuredClone()`）でも `stack` をシリアライズするようになった。
注釈 3件
実装メモ
  • バージョン 103 のシリアライズ可能なプロパティ：name`、`message`、`cause`、`fileName`、`lineNumber` および `columnNumber` である。
  • バージョン104では、メインスレッドでも `stack` をシリアライズする（`window.postMessage()` と `structuredClone()`）。
  • バージョン 110 では、ワーカー（`worker.postMessage()` と `structuredClone()`）でも `stack` をシリアライズするようになった。
注釈 3件
実装メモ
  • バージョン 103 のシリアライズ可能なプロパティ：name`、`message`、`cause`、`fileName`、`lineNumber` および `columnNumber` である。
  • バージョン104では、メインスレッドでも `stack` をシリアライズする（`window.postMessage()` と `structuredClone()`）。
  • バージョン 110 では、ワーカー（`worker.postMessage()` と `structuredClone()`）でも `stack` をシリアライズするようになった。
注釈 3件
実装メモ
  • バージョン 103 のシリアライズ可能なプロパティ：name`、`message`、`cause`、`fileName`、`lineNumber` および `columnNumber` である。
  • バージョン104では、メインスレッドでも `stack` をシリアライズする（`window.postMessage()` と `structuredClone()`）。
  • バージョン 110 では、ワーカー（`worker.postMessage()` と `structuredClone()`）でも `stack` をシリアライズするようになった。
注釈 3件
実装メモ
  • バージョン 103 のシリアライズ可能なプロパティ：name`、`message`、`cause`、`fileName`、`lineNumber` および `columnNumber` である。
  • バージョン104では、メインスレッドでも `stack` をシリアライズする（`window.postMessage()` と `structuredClone()`）。
  • バージョン 110 では、ワーカー（`worker.postMessage()` と `structuredClone()`）でも `stack` をシリアライズするようになった。
注釈 3件
実装メモ
  • バージョン 103 のシリアライズ可能なプロパティ：name`、`message`、`cause`、`fileName`、`lineNumber` および `columnNumber` である。
  • バージョン104では、メインスレッドでも `stack` をシリアライズする（`window.postMessage()` と `structuredClone()`）。
  • バージョン 110 では、ワーカー（`worker.postMessage()` と `structuredClone()`）でも `stack` をシリアライズするようになった。

基本構文

JAVASCRIPT 
// Serializable errors example
// See MDN Web Docs for details

ライブデモ

Error serialize

Error object dei-pcopi-possible. with structuredClone

プレビュー全画面表示

Errorturn with Worker between.

Error by thread to Submit in. with postMessage

プレビュー全画面表示

Support Error type

Error, TypeError, RangeError equal also serializepossible.

プレビュー全画面表示

実務での使いどころ

  • Serializable errors の活用

    Error オブジェクトの構造化クローン対応。postMessage でエラーを直接転送可能。

注意点

  • 一部のブラウザでのみ対応。使用前にブラウザサポートを確認すること。

アクセシビリティ

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

参考リンク

Powered by web-features