用一分钟理解console的这个原理，多留几根黑发~
栏目: JavaScript · 发布时间: 7年前
内容简介：问题： 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)); 复制代码
结果：
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网
猜你喜欢:
- java反射原理， 注解原理
- Webpack 原理（二）：加载原理
- Docker原理之 - CGroup实现原理
- 【Vue原理】响应式原理 - 白话版
- Docker实现原理之 - OverlayFS实现原理
- UAV MOF工作原理之Agent注入机制原理
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
Processing语言权威指南
Casey Reas、Ben Fry / 张静 / 电子工业出版社 / 2013-10-1 / 139.00
本书介绍了可视化艺术中的计算机编程概念，对开源编程语言Processing作了非常详尽的阐述。学生、艺术家、设计师、建筑师、研究者，以及任何想编程实现绘画、动画和互动的人都可以使用它。书中的大部分章节是短小的单元，介绍Processing的语法和基本概念（变量、函数、面向对象编程），涵盖与软件相关的图像处理、绘制，并且给出了大量简短的原型程序，配以相应的过程图像与注释。书中还有一些访谈文章，与动画......一起来看看 《Processing语言权威指南》 这本书的介绍吧!
