Firefox 开发工具 + Chrome 调试器控制台 javascript 对象引用的错误显示

Firefox dev tools + Chrome debugger consoles buggy display of javascript object references

我在 Firefox 开发工具中遇到一些异常行为。使用 lodash 从对象中过滤掉一些元素后,控制台会显示对该对象先前未过滤版本的引用,但仅在右侧窗格中显示。

左边显示了2个元素,这是我预期的结果。右侧显示了原始的未过滤的 17 个元素。实际上,在我最近因 FB 停用而被迫切换到 Dev Tools 之前,我曾在 Firebug 的极少数情况下经历过这种情况。

如果没有其他人经历过这种情况,我可以尝试将其提炼成一个最小的案例示例,但如果这是一个已知错误,我更愿意解决它。

倾向于相信我的对象实际上已如左侧所示过滤,但这有点令人不安。

更新:

使用 Firefox 51 Linux

Chrome其实也是在做同样的事情。它显示 array[2] 有 17 个元素:

当您检查数组时,会显示其 当前 值,即您单击记录变量时的值。此值可能与记录到控制台的值不同。

Chrome DevTools 在鼠标悬停时在数组旁边显示一个小 图标来解释这一点。

这意味着,在记录变量时它确实只有两项,但在您单击它时,它显然再次未过滤。