JavaScript のコンソールでオブジェクトの状態を正確に表示するにはどうすればよいですか?

Console.log にオブジェクトの状態を表示できない場合? console.dir() または JSON 変換を利用する

コンソールでオブジェクトの状態を検査する場合、開発者は、表示されるデータと実行ポイントでの実際のオブジェクトの状態との間の不一致に直面することがよくあります。これは、最後の実行ステップでのオブジェクトの状態のみを表示する console.log() の動作方法に起因すると考えられます。

この問題を軽減し、console.log の時点でのオブジェクトの状態を正確に取得するため。 () 呼び出しを行う場合、効果的な解決策の 1 つは console.dir() を使用することです。オブジェクトへの参照を提供する console.log() とは異なり、console.dir() は呼び出し時にオブジェクトのプロパティのディレクトリを提供します。

別のアプローチは、オブジェクトをJSON.stringify() を使用して JSON 文字列を解析し、その後 JSON.parse() でオブジェクトに戻します。この手法は、console.dir() によって提供されるオブジェクトに類似した参照可能なオブジェクトを作成します。

console.log() と console.dir() の違いを示す例を次に示します。

var test = {a: true}
console.log(test); // {a: false}
test.a = false; 
console.dir(test); // {a: false}

この例では、実行とコンソール出力の間の時間遅延により、console.log() は変更されたオブジェクトの状態 ({a: false}) を表示します。一方、console.dir() は、呼び出し時のオブジェクトの状態を正確にキャプチャします。

以上がJavaScript のコンソールでオブジェクトの状態を正確に表示するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。