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

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) 在您的原始代码中显示的值相同的值。