「console.log」に時々間違ったオブジェクトの状態が表示されるのはなぜですか?それを修正するにはどうすればよいですか?

Console.log でオブジェクトの現在の状態を表示する方法

console.log を使用してオブジェクトを出力するときに、次のような問題が発生する可能性があります。表示されるオブジェクトが、console.log が最初に呼び出されたときではなく、最終実行時の状態を反映するという問題。この不一致は、Safari と拡張機能を追加していないブラウザで特に顕著です。

問題:

次の例を考えてみましょう:

この例ではこのシナリオでは、「a」プロパティの実際の値にもかかわらず、2 番目の console.log 呼び出しで誤って {a: false} が表示されます。は「false」に割り当てられています。

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

この問題を解決し、console.log にオブジェクトの現在の状態を表示するにはが呼び出された場合は、console.dir() 関数を利用できます。 console.log() とは異なり、console.dir() は呼び出し時にオブジェクトのプロパティのディレクトリを提供し、オブジェクトの状態を正確に表現します。

JSON 文字列化の使用:

あるいは、JSON 文字列化と解析を利用して同様のことを実現できます。 result:

このアプローチには、JSON.stringify() を使用してオブジェクトを JSON 文字列に変換し、それを JSON.parse() を使用して解析して JSON オブジェクトに戻すことが含まれます。これにより、オブジェクトのクローンが効果的に作成され、現在の状態を正確に表示できるようになります。

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