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

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

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

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

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

先来看现象

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

原因

代码

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

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

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

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

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

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

结果:

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

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

查看所有标签

猜你喜欢:

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

并行算法的设计与分析

并行算法的设计与分析

陈国良 / 2009-8 / 66.00元

第3版在修订版的基础上进行了大幅度的修订,新增加3章、重写3章,改写8章。《普通高等教育十一五国家级规划教材·并行算法的设计与分析(第3版)》系统深入地讨论了计算机领域中诸多计算问题的并行算法的设计和分析方法。在着重介绍各种并行计算模型上的常用和典型的并行算法的同时,也力图反映本学科的最新成就、学科前沿和发展趋势。 全书共分二十章,包括基础篇4章(绪论、设计技术、前缀计算、排序和选择网络),......一起来看看 《并行算法的设计与分析》 这本书的介绍吧!

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具