Chrome开发工具中奇怪的console.log行为?

时间:2018-02-15 15:46:57

标签: javascript css devtools

在Chrome开发者工具中,您console.log一个数组。它显示:(4)[Location, Location, Location, Location]:完美,这就是我的预期。

点击它,显示元素,然后显示:

screenshot

这怎么可能?

2 个答案:

答案 0 :(得分:5)

在记录元素后编辑元素时会发生这种情况。 Chrome只会向您显示指向该元素的指针。如果在console.log()之后删除了2和3,则会在预览中显示它们,但在检查元素时则不会。

答案 1 :(得分:1)

console会记录array。您在其中看到三个属性。稍后删除某个属性时,会打开console。您只会看到剩余的属性

请参阅此代码段,然后检查浏览器中的console



var array = [{name: 'helle'}, {name: 'Google'}, {name: 'Bonjour'}];

console.log(array);

delete array[2];

    




只是@Felix Gaebler给出的anwser的可视化