控制台输出对象的属性要再点一下才看到值?
大家在调试网页的时候
有没有注意过这个地方
就是我们经常打印一个变量的时候
里边的某个属性他非得点一下才出来
但是呢有的变量就不需要
比如再换一个啊
object1 大家看,它这个直接就出来
其实它这个原因很简单啊
我们再来一遍这个object2,然后呢
在这里大家看我鼠标悬停上来
它会提示我 invoke property getter
也就说:其实这不是一个纯属性
它是一个Getter
我们来看上面声明啊
它是这样的啊
object2里边是个getter
然后object1是这样的
所以呢只要有这种getter的话
基本上都是有这种需要点击的
所以呢
如果我们用了像vue这种框架的话
即使我们自己不写getter
vue这个框架
它为了实现属性值变化的触发和监听
它就会自动替我们封装getter和setter
所以呢即便我们自己不写
在vue这种框架里边
他默认也是需要展开一下
那属性少了还好
如果属性实在太多呢
其实我们可以这样
我们就用Json把它转一下
通过两层的Json的序列化和反序列化
我们来实现这种
把它转成普通的属性
大家看!
这样的话就不用再展开了
最后更新于
这有帮助吗?