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

引言

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

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

先来看现象

原因

代码

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

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

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

之前那个bug是因为a更改为a1后，后面又隐式的将其更改为a。所以打印的时候是a1的值，但后面被隐式更改了，展开后就是隐式更改后的a的值。

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

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

结果：