オブジェクトの状態のデバッグにおける console.log の非同期動作を克服する

デバッグ中に JavaScript オブジェクトを分析すると、開発者はコンソールで問題が発生する可能性があります。 .log には、現在の状態ではなく、前の実行フェーズでのオブジェクトの状態が表示されます。これは、console.log が呼び出された時点とコンソールが開かれた時点との間でオブジェクトの状態が変化した場合に特にイライラする可能性があります。

解決策: console.dir() または JSON 解析を利用する

この課題に対処するには、2 つのアプローチが考えられます。採用:

• console.dir(): このメソッドは、呼び出されたまさにその瞬間に、オブジェクトのプロパティのより詳細なディレクトリを提供します。単にオブジェクトへの参照を表示する console.log とは異なり、console.dir はオブジェクトのプロパティを階層形式で取得してレンダリングし、呼び出し時の状態をキャプチャします。
• JSON 解析: 別のアプローチでは、JSON.stringify() を使用してオブジェクトを JSON 文字列にシリアル化し、それから JSON.parse() を使用してオブジェクトに解析し直します。解析されたオブジェクトを表示することで、開発者は JSON.stringify() 実行時点でのオブジェクトの状態のスナップショットを取得できます。