控制台输出对象的属性要再点一下才看到值?

大家在调试网页的时候

有没有注意过这个地方

就是我们经常打印一个变量的时候

里边的某个属性他非得点一下才出来

但是呢有的变量就不需要

比如再换一个啊

object1 大家看,它这个直接就出来

其实它这个原因很简单啊

我们再来一遍这个object2,然后呢

在这里大家看我鼠标悬停上来

它会提示我 invoke property getter

也就说:其实这不是一个纯属性

它是一个Getter

我们来看上面声明啊

它是这样的啊

object2里边是个getter

然后object1是这样的

所以呢只要有这种getter的话

基本上都是有这种需要点击的

所以呢

如果我们用了像vue这种框架的话

即使我们自己不写getter

vue这个框架

它为了实现属性值变化的触发和监听

它就会自动替我们封装getter和setter

所以呢即便我们自己不写

在vue这种框架里边

他默认也是需要展开一下

那属性少了还好

如果属性实在太多呢

其实我们可以这样

我们就用Json把它转一下

通过两层的Json的序列化和反序列化

我们来实现这种

把它转成普通的属性

大家看!

这样的话就不用再展开了

最后更新于

这有帮助吗?