Chrome js debug - 同時に2つの異なる値

Question

下のスクリーンショットでは、themeフィールドを持つオブジェクトのconsole.logプリントが表示されます。しかし、同時にこのフィールドには値がありません。これをどのように解釈するのですか？私の意図は、値を割り当てることです。

Answer 1

プロパティが非同期に満たされている場合や、親オブジェクトがプロパティが値で満たされる前にコンソールログに記録された場合、そのような動作が発生します。

var obj = {}; 

// here when checking the dev tools obj = {} 

ajax('url', function() { 
obj.a = 5 
// here when checking the dev tools obj = { a : 5} 
}) 

Answer 2

クロムのオブジェクトをロギングするのはちょっと難しいです。オブジェクト全体のログを作成してオブジェクトのプロパティを変更すると、そのプロパティの最新の値が常に表示されます。

オブジェクト全体をログに記録するのではなく、Object.themeを記録してみると、その違いがわかります。

Answer 3

スクリーンショットに小さな青色のアイコンがあり、その上にカーソルを置くと質問に対する回答が得られます。