在修改js对象中的属性（也是一个对象）的时候出现的怪异现象是怎么回事？？

Question

定义一个变量：var test= {obj: {one: 'nihao'}}

打印输出： console.log(test , '直接输出值：' + test['obj']['one']); 显示如下：

修改变量后 test['obj']['one'] = 'yueshu' ， 再次打印输出：console.log(test , '直接输出值：' + test['obj']['one']) 显示如下：

我觉得很郁闷的是：为什么第一次打印 test对象 的时候，test['obj']['one'] 的值竟然是修改后的值，要知道修改是在打印之后发生的事啊！而且直接打印 test['obj']['one'] 反倒是修改之前的值！

这个现象怎么是什么原因导致的？？

完整打印打码：

    var test = {obj: {one: 'nihao'}};
    console.log(test , '直接输出值：' + test['obj']['one']);
    test['obj']['one'] = 'yueshu';
    console.log(test ,  '直接输出值：' + test['obj']['one']);

Answer 1

有可能是，开发者工具在那里记了一个对象，当你点开三角的时候才去加载的属性……所以就这样了。
如果你想显示当时的信息，可以考虑用 JSON.stringify(obj) 把对象处理成 JSON 来输出，试试。

Answer 2

console.log()的执行顺序一般在最后。就算代码的位置在前面但是实际也是在最后的。猜想和setTimeout差不多，线程空闲之前不会执行。

Answer 3

我搞错了，等大神回答吧，这问题还真没遇到过。。

Answer 4

问题描述的不过清楚，你是不是执行了下面的脚本：

var test= {obj: {one: 'nihao'}};
console.log(test , '直接输出值：' + test['obj']['one']);
test['obj']['one'] = 'yueshu';
console.log(test , '直接输出值：' + test['obj']['one']);

然后看控制台的打印信息，如发图。

应该是console.log出来的对象引用了同一个对象window.test
类似经典的闭包问题 ： https://segmentfault.com/q/10...，查看这个对象类似这里的click，是异步的。

Answer 5

反驳 @roshineHuang 和 @scort
console不是异步的，应该是浏览器环境下的控制台输出是异步的