Chrome devtools 显示未定义但值存在于飞出

Question

遇到了一个奇怪的问题。我 console.log 一个对象。正如你在图片中看到的，对象是未定义的，但是当我把它翻出来你可以看到它有一个数组。

如果我在 console.log obj.matchcvs 我得到未定义

这怎么可能？ chrome 开发工具中的错误？

Answer 1

当您在开发工具中单击对象并“打开”它时，chrome 会显示它的当前状态。但是当对象以“短”版本显示时，仅显示调用 console.log 函数时创建的对象的快照版本。

(function(){
  var a = { x: 0 };
  // Log variable "a", current snapshot is saved
  console.log(a);

  // Now modify the variable
  a.x = 1;
})()

尝试在您的开发工具中运行此代码，您将看到“短”版本显示的对象的属性x 设置为0，当您打开它时，属性x 设置为1。那是因为当快照已创建，属性x 设置为0。