javascript - Google 开发工具中显示的对象不一致

Question

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

JS

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

Answer 1

当您记录对象时，Chrome 开发工具不会卡住该对象。当它第一次渲染时，它会检查这些值，这就是您在预览行中看到的内容。

如果您输入。

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 属性在记录它和展开预览之间发生变化，这应该可以解释原因。