js打印一个对象是有具体属性的，每个属性里面也有值。但是在进一步打印对象里面的属性，值就变成空的了

以上是数据源该页面挂载以后会得到窗口宽高的数据，传入vuex里面（也就是如下图）

红框里面的mutation都是可以拿到数据的，
下图的js文件引入store数据，就打印不出来store.state里面具体的属性数据了

打印一个对象是有具体属性的，每个属性里面也有值。但是在进一步打印对象里面的属性，值就变成空的了。

怎么拿到这个对象里面的属性值？

可能是你对对象属性进行赋值的代码是异步执行的。
在打印对象时，对象属性还没有进行赋值。
在打印对象之后才对对象属性进行赋值的。

用console.log()输出整个对象有值是因为console.log()输出对象或数组时是在控制台显示一个对象或数组的引用。
在用console.log()输出数组或对象时，对象（数组）的属性是折叠不显示的。
如果你在console.log()输出之后改变了对象（数组）的属性，当你点击三角展开属性时，会重新读取对象（数组）当前的属性，也就是显示出来的是你点击三角展开时的属性，而不是执行console.log()时的属性。

你用console.log(JSON.stringify(obj));以字符串方式输出就可以看到对象当前的值

第一步打印只是说有属性，属性有没有值，你还没点开看过。

因为你后面又对这个属性赋值了吧

js 控制台打印对象，对象点开后里面属性没值，展开后有值（object展开和收起值不一致）_崽崽的谷雨-CSDN博客 js 打印这个对象的语句执行的时候, 对象里面的确是有值的,但是当程序继续执行,下面的代码有对这个对象赋值的语句,所以chrome控制台显示,里面有值。打印时内存里的值已经变了，导致展开和收起不一致。因为 js对象赋值只是引用地址赋值过去了，还是指向同一个地址。所以 js想要拷贝一个 object需要深拷贝最简单的就是 json.stringfly方法示例：let obj={ name:"555", age:"15" }; console.log(ob

https://blog.csdn.net/weixin_44058725/article/details/120654523

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632

你试一下把变量放在前面呢，数值放在后面相加