用一分钟理解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));
复制代码

结果：

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

【CV】10分钟理解Focal loss数学原理与Pytorch代码
原文链接:https://amaarora.github.io/2020/06/29/FocalLoss.html 原文作者:Aman Arora Focal loss 是一个在目标检测领域常用的损失 ...
pytorch gather_【CV】10分钟理解Focal loss数学原理与Pytorch代码
原文链接:https://amaarora.github.io/2020/06/29/FocalLoss.html 原文作者:Aman Arora Focal loss 是一个在目标检测领域常用的损失 ...
一分钟理解Java公平锁与非公平锁
转载自一分钟理解Java公平锁与非公平锁和朋友聊天他提到:ReentrantLock 的构造函数可以传递一个 bool 数据,true 时构造的是"公平锁".false 时构 ...
《深入理解OSGi：Equinox原理、应用与最佳实践》笔记_1_运行最简单的bundlehelloworld...
<深入理解OSGi:Equinox原理.应用与最佳实践>笔记_1_运行最简单的bundlehelloworld 买了周大大的OSGI的书看先前完全没有基础就靠这本书看看学学顺便记一些 ...
5分钟弄懂语音识别技术原理
5分钟弄懂语音识别技术原理首先,我们知道声音实际上是一种波.常见的mp3.wmv等格式都是压缩格式,必须转成非压缩的纯波形文件来处理,比如Windows PCM文件,也就是俗称的wav文件.wav文 ...
一分钟理解 HTTPS 到底解决了什么问题
本文原作者"虞大胆的叽叽喳喳",原文链接:jianshu.com/p/8861da5734ba,感谢原作者. 1.引言很多人一提到 HTTPS,第一反应就是安全,对于普通用户来说 ...
云技术是什么_三分钟了解云技术的原理与发展
什么是云技术定义云技术(Cloud technology)基于云计算商业模式应用的网络技术.信息技术.整合技术.管理平台技术.应用技术等的总称,可以组成资源池,按需所用,灵活便利.云计算技术将变成 ...
什么是深度学习？45分钟理解深度神经网络和深度学习刘利刚教授
什么是深度学习? - 45分钟理解深度神经网络和深度学习刘利刚中国科学技术大学图形与几何计算实验室 http://staff.ustc.edu.cn/~lgliu [绪言] 近年来,人工智能(Ar ...
[diango]理解django视图工作原理
前言:正确理解django视图view,模型model,模板的概念及其之间的关联关系,才能快速学习并上手使用django制作网页本文主要讲解自己在学习django后对视图view的理解在进入正文之 ...

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

引言

先来看现象

原因

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

最新文章

热门文章