用一分钟理解console的这个原理，多留几根黑发~

栏目: JavaScript · 发布时间: 6年前

内容简介：问题： console打印出的值与实际值不符的原因。碰到这个问题是因为更改某一个值a后将其存储起来，更改为a1后，然而打印出来的值却是a1，展开打印的值是a。因为不理解这个现象，导致调试代码走了很多弯路，最后才定位到问题。代码

问题： console打印出的值与实际值不符的原因。

碰到这个问题是因为更改某一个值a后将其存储起来，更改为a1后，然而打印出来的值却是a1，展开打印的值是a。因为不理解这个现象，导致调试代码走了很多弯路，最后才定位到问题。

先来看现象

原因

代码

let a = { name: 'langlang', look: 'handsome'};
 console.log(a);
 a.name = 'shuishui';
 a.look = 'beautiful';
复制代码

原因：打印出的值是运行时的值，点击展开后是最后修改的值。

chrome控制台打印对象是引用的，默认没有展开，展开后就是最后修改的值，所以会出现展开后的值与之前不同。

如果想看到实时的值，可以直接打印字符串：

console.log(JSON.stringify(a));
复制代码

结果：

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。

码农书籍

这才是马云

陈伟 / 浙江人民出版社 / 2011-5 / 30.00元

“幽默马云”、“开心马云”、“顽皮马云”、“狂妄马云”等。《这才是马云》从各个角度揭开了千面马云的真面目，告诉你一个与想象中大不一样的马云。这不只是一本书，更像一部喜剧电影，让你通过声音、色彩、表情等诸多要素走近马云，感受阿里巴巴。没有冗长的说教，只有让人忍俊不禁的细节；没有高深的理论，只有通俗、诚恳的陈述。作者借幽默平常的琐事，记录下马云“可爱”的一面，看完后让人恍然大悟：原来，马云是这样一个人......一起来看看《这才是马云》这本书的介绍吧!

码农工具

图片转BASE64编码

在线图片转Base64编码工具

RGB CMYK 转换工具

RGB CMYK 互转工具