不靠谱的 console
栏目: JavaScript · 发布时间: 5年前
内容简介:作为一名前端,先上代码:大家猜测下结果,我们预期的肯定是不一样的,毕竟中间有修改
作为一名前端, console
估计会时时刻刻陪伴我们,其实各个端都会有输出变量的值的方法,以便调试,这里我指的 console
单纯指的是前端中的 console
。不得不说,它是一个调试的好方法,但它也是不可信的。
一个例子
先上代码:
var obj = { name: { age: '1' } } console.log(obj); obj.name.age = 2; console.log(obj); 复制代码
大家猜测下结果,我们预期的肯定是不一样的,毕竟中间有修改
但是事实上却是出乎我们意料的
是的,两个都是一样的, console
真的是一个吃里扒外的东西,那到底是为什么呢?
原因
实际上我们输出非对象类型的值的时候,是完全没问题的,比如
所以,我们可以知道, 在使用 console
打印一个 JavaScript
对象的时候,由于对象是引用类型,那么它会一直引用内存中的值,当你输出的时候,对象中的值已经发生了改变,所以才会出现这种打印结果不正确的情况
另外,从上面可以看出,在浏览器环境中, console.log()
实际上也是一种异步的方法
对此,《你不知道的javascript中卷》第二部分异步和性能1.1节异步控制台部分有提及:
并没有什么规范或一组需求指定 console.*
方法族如何工作——它们并不是 JavaScript
正式的一部分,而是由宿主环境(请参考本书的“类型和语法”部分)添加到 JavaScript
中的。因此,不同的浏览器和 JavaScript
环境可以按照自己的意愿来实现,有时候这会引起混淆。 尤其要提出的是,在某些条件下,某些浏览器的 console.log(..)
并不会把传入的内容立即输出。出现这种情况的主要原因是,在许多程序(不只是 JavaScript
)中, I/O
是非常低速的阻塞部分。所以,(从页面/ UI
的角度来说)浏览器在后台异步处理控制台 I/O
能够提高性能,这时用户甚至可能根本意识不到其发生。
node 环境中的 console
上面我们分析是在浏览器环境中,那么在 node
环境中会出现上面的情况么?
从上面可以看出, node
环境中是不存在情况的
解决方法
方法一
使用 JSON.stringify
,原理是将它转换成字符串输出,这样就不会在引用原有的对象的内存,如下所示
方法二
打断点,这种方法是最合适的,也是我们前端最正确的打开方式
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:- 抱歉,我觉得有些人做副业并不靠谱
- 微表情识别到底靠不靠谱?来听听陈通怎么说
- 《流浪地球》程序员破解行星发动机到底靠不靠谱
- 研究发现:不靠 cookie,网站也能通过 TLS 协议追踪你
- 腾讯优图CVPR中标论文:不靠硬件靠算法,暗光拍照也清晰
- JS不靠谱系列: 写一个验证过期时间的函数,包含jest单元测试
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
引爆社群:移动互联网时代的新4C法则(第2版)
唐兴通 / 机械工业出版社 / 69.00元
社群已经被公认为是这个时代的商业新形态,原有的商业逻辑和方法被颠覆,新的基于社群的商业体系和规则亟待构建,今天几乎所有的企业都在为此而努力,都在摸索中前行。 本书提出的“新4C法则”为社群时代的商业践行提供了一套科学的、有效的、闭环的方法论,第1版上市后获得了大量企业和读者的追捧,“新4C法则”在各行各业被大量解读和应用,积累了越来越多的成功案例,被公认为是社群时代通用的方法论。也因此,第1......一起来看看 《引爆社群:移动互联网时代的新4C法则(第2版)》 这本书的介绍吧!