分析console.log输出和预期的不一致问题

js调试console.log是再常见不过的命令了，然而就是这样一个命令有时候往往会给我们造成困扰，在遇到输出对象时console.log和我们预期的不一样。

举个例子下面的代码：

ovar obj = {a:1};
oconsole.log(obj);
oobj.a = 2; 
oconsole.log(obj);

我们所预想的是obj输出应该是{a:1},但是我们看看chrome控制台输出效果：

好像没问题，我们点那个箭头展开看数据：

对象obj中a键值发生了变化。我们来看看《你不知道的JavaScript》这本书是如何解释这一现象的。

并没有什么规范或一组需求指定console.* 方法族如何工作——它们并不是JavaScript正式的一部分，而是由宿主环境（请参考本书的“类型和语法”部分）添加到JavaScript中的。因此，不同的浏览器和JavaScript环境可以按照自己的意愿来实现，有时候这会引起混淆。尤其要提出的是，在某些条件下，某些浏览器的console.log(..)并不会把传入的内容立即输出。出现这种情况的主要原因是，在许多程序（不只是JavaScript）中，I/O是非常低速的阻塞部分。所以，（从页面/UI的角度来说）浏览器在后台异步处理控制台I/O能够提高性能，这时用户甚至可能根本意识不到其发生。

当然书中作者也给出了解决意见：

如果遇到这种少见的情况，最好的选择是在JavaScript调试器中使用断点，而不要依赖控制台输出。次优的方案是把对象序列化到一个字符串中，以强制执行一次“快照”，比如通过JSON.stringify(..)。

我自己在实践中的体会在需要输出json对象的时候，在预料到可能后面的代码会修改这个json对象，我会在后面直接跟一个return。

虽然这种情况很少见，对于正常的普通变量的输出不影响。写此文章的目的在意，要提醒自己console.*存在的这种现象，避免在js调试过程中带来困扰。