Chrome js debug - 同时有两个不同的值

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

屏幕截图上有一个小蓝色图标，将其悬停，您就会得到问题的答案。