属性的直接访问显示与对象控制台输出不同的值

Question

对于我的 js 脚本的奇怪行为，我已经绞尽脑汁很久了。当我将值d.parent.x 输出到控制台时，它显示的值与我将d.parent 打印到控制台并通过控制台浏览值时不同。

在屏幕截图中，您看到对象本身的 x 值为 525.5，而 d.parent.x 的输出为我提供 148。

我不确定这是 js 行为还是使用的 D3.js 的行为。

我为它创建了一个 jsfiddle (source, result)。在 Chrome 或 Safari 中打开控制台时，您可以看到屏幕截图中的输出。

Answer 1

这是 console.log 的一个已知问题 - 它是基于引用的，并且在记录对象时基本上会在某些情况下最终缓存结果。

要解决它，您通常可以使用console.log(JSON.stringify(d.parent))，但由于循环引用，这在您的情况下不起作用。我刚刚在您的脚本中设置了一个断点，并查看了d.parent 和d.parent.x。

它们确实会产生与console.log(d.parent.x) 在原始代码中显示的值相同的值。