Chrome js调试 - 两个不同的值在同一时间

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

在Chrome中记录对象有点棘手。如果您执行整个对象的日志，然后更改对象的属性，它始终显示该属性的最新值。

尝试记录Object.theme而不是记录整个对象，您将看到不同之处。

Answer 3

在你的屏幕截图上有一个蓝色的小图标，将它悬停，你就可以得到你问题的答案。