javascript - 在vue中，有console.log输出的值为什么会受到console.log之后语句的影响，如何避免这种影响

Question

在vue中，有console.log（a）输出的值为什么会受到console.log（a）之后语句的影响，如何避免这种影响 两次console.log输出的值按理来说应该是不一样的 ，为什么会一样呢？两次输出的值才能互相不干扰 {代码...}

高洛峰 · Answer

这是debug控制的特性，console.log输出的不是object的一个snapshot。你可以在控制台试一试

曾经蜡笔没有小新 · Answer

我的理解，因为这个a是数组；跟对象一样，都是访问内存地址查看。
因为工作中，经常用chrome console.log一个对象，在调试器点开，里面内容基本一样，但表面可以看出前后结果是不一样的；
但是，打断点，debug就会发现改变之前，和之后是不一样的。
上图

習慣沉默 · Answer

并没有一样啊，我就是把你的代码直接复制，运行了都没有一样啊~
添加后的a明明多1了呢

天蓬老师 · Answer

这里给出一种轻松愉快的解决方案：

console.log(JSON.stringify(data, null, 2))

即可。

php8，我来也