Google Dev Tools中显示的对象不一致

Question

我console.log一个对象，我很困惑，因为在第一行中，x值和y值与内部显示的值不同。有什么问题？

JS

{ 
 x: ...
 y: ...
 x-home: ...
 y-home: ....
}

Answer 1

Chrome dev工具在您登录时不会冻结对象。当它第一次渲染时，它会检查值以及您在预览行中看到的内容。

如果您输入。

var a = { b:3, c: 4, d: 5, e: 6, f: 7, g: 8 };

你会得到

Object {b: 3, c: 4, d: 5, e: 6, f: 7…}

更改其中一个属性：

a.b = 10;

然后展开上一个日志的预览，开发工具将使用a.b === 10呈现对象的当前状态，即使它已经显示a.b === 3预览。

因此，如果您的x属性在记录它和扩展预览之间发生变化，那么这应解释原因。