虽然这种情况很少见,对于正常的普通变量的输出不影响。写此文章的目的在意,要提醒自己console.*存在的这种现象,避免在js调试过程中带来困扰。
js调试console.log是再常见不过的命令了,然而就是这样一个命令有时候往往会给我们造成困扰,在遇到输出对象时console.log和我们预期的不一样。
举个例子下面的代码:
var obj = {a:1};
console.log(obj);
obj.a = 2;
console.log(obj);
我们所预想的是obj输出应该是{a:1},但是你从控制台查看并非你想象的值。
对象obj中a键值发生了变化。我们来看看《你不知道的JavaScript》这本书是如何解释这一现象的。
并没有什么规范或一组需求指定console.* 方法族如何工作——它们并不是JavaScript正式的一部分,而是由宿主环境(请参考本书的“类型和语法”部分)添加到JavaScript中的。因此,不同的浏览器和JavaScript环境可以按照自己的意愿来实现,有时候这会引起混淆。尤其要提出的是,在某些条件下,某些浏览器的console.log(..)并不会把传入的内容立即输出。出现这种情况的主要原因是,在许多程序(不只是JavaScript)中,I/O是非常低速的阻塞部分。所以,(从页面/UI的角度来说)浏览器在后台异步处理控制台I/O能够提高性能,这时用户甚至可能根本意识不到其发生。
当然书中作者也给出了解决意见:
如果遇到这种少见的情况,最好的选择是在JavaScript调试器中使用断点,而不要依赖控制台输出。次优的方案是把对象序列化到一个字符串中,以强制执行一次“快照”,比如通过JSON.stringify(..)。
我自己在实践中的体会在需要输出json对象的时候,在预料到可能后面的代码会修改这个json对象,我会在后面直接跟一个return。
虽然这种情况很少见,对于正常的普通变量的输出不影响。写此文章的目的在意,要提醒自己console.*存在的这种现象,避免在js调试过程中带来困扰。
除特别注明外,本站所有文章均为作者原创。 或分享自己的编程经验,或探讨工作中的问题,或聊以人生趣事。 转载请注明出处来自 https://www.qiusuoweb.com/106.html
运营天数
总访问量
文章数量
-
-
-
交流群:157451741
新浪微博:草莽兴
发布评论