JS调试输出数组时，显示的值与实际不一致

Question

如题目所示。代码见如下：

console.log(arrPoint.length);
console.log(arrPoint);

在控制台显示：

Point是点的实例，结构是{x:1,y:1}这样的对象。
我代码是连着输出的，没有做任何操作。
为何下面明明有3个对象。length只有2，而且2:Point也没了。

Answer 1

其实这是一个有点小意思的现象，因为当你在Chrome Console点击展开数组时，会重新去读一遍内存真实的值然后显示，一但展开后就不会再变。console.log(arrPoint.length);         console.log(arrPoint);分别显示3其实是没有错的：当你点击展开的时候就变成2个，因为你点开后实际是后面的代码已经执行完毕了。一个有趣的示例：var Point = function() {}var arr = [ new Point(), new Point(), new Point() ]console.log(arr.length)console.log('第一个数组', arr) setTimeout(function() {     arr.push(new Point())    console.log('第二个数组', arr) }, 1000 * 5)如果你在5秒内展开第一个数组会看到3个，5秒后会看到第二个数组展开会看到4个。如果你在5秒后才展开第一、第二数组会看到4个。所以Console显示的未必是最真实的。