「console.log」にオブジェクトの最終状態が表示されるのはなぜですか?その初期状態を確認するにはどうすればよいですか?

オブジェクトの状態に関する Console.Log 出力のトラブルシューティング

アドオンなしの Safari を含む多くのブラウザでは、console.log にオブジェクトの状態が表示されます。関数呼び出し時ではなく、実行終了時です。これにより、デバッグ時に混乱が生じる可能性があります。

問題の理解

オブジェクトで console.log を使用する場合、オブジェクトへの参照のみが記録されます。オブジェクトは変更可能なため、console.log 呼び出し後にオブジェクトに加えられた変更は、表示される出力に反映されます。

解決策: console.dir() を使用する

console.dir() 関数は、この問題の解決策を提供します。関数の呼び出し時にオブジェクトのプロパティのディレクトリを出力し、その状態を正確に表現します。

例:

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

代替解決策: JSON 文字列変換

別のアプローチは、オブジェクトをJSON.stringify() を使用した JSON 文字列。この文字列は、console.log を使用してログに記録し、JSON.parse() を使用して解析してオブジェクトに戻すことができます。このメソッドは、console.dir() と同様の機能を提供します。

コード例:

console.log(JSON.parse(JSON.stringify(obj)));

console.dir() または JSON 文字列変換手法を利用することにより、 、開発者は console.log を使用すると、オブジェクトの現在の状態を正確に表示できます。これにより、データが古いという問題がなくなり、デバッグ効率が向上します。

以上が「console.log」にオブジェクトの最終状態が表示されるのはなぜですか?その初期状態を確認するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。