引言
问题: 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));
复制代码
结果: