开发者社区 问答 正文

chrome工具 console.log出现诡异问题

var a = {name:"444"};
console.log(a);
var b ="name";
a[b]="bbb";
console.log(a);

screenshot
以上代码用谷歌首次打开的时候第一次输出的不是444而是bbb,再次刷新正常,这是什么问题呢,好诡异?

展开
收起
a123456678 2016-03-13 10:53:00 2681 分享 版权
1 条回答
写回答
取消 提交回答
  • 看到 Object 后面那个写着 i 的蓝色小方框了么?你把鼠标放上去就会看到解释:

    Object value at left was shapshotted when logged, value below was envalueated jast now
    什么意思呢?就是说这个标记左边的值是代码运行到这句时变量的快照,而下面的值是你展开这个对象时才评估的值,这样的设计是为了防止代码运行过程中 log 语句进行 snapshot 占用大量资源拖慢代码运行。所以在这个标记后面两次都输出 bbb 是正确的。

    而当你打开控制台再次刷新时,会发现没有了这个标记,这时应当输出的是 444 bbb

    log 如何输出受控制台是否开启、对象体积等很多因素影响。

    2019-07-17 19:02:08
    赞同 展开评论