Vue是怎么解决响应式系统中数据循环引用的序列化问题的?

今天突发奇问,对这个问题很好奇。我们自己写一个有循环引用的数据的话,如果调用JSON.stringify的话就会报错。而加入到Vue响应式系统的数据都会循环引用,类似value.ob.value === value。它是怎么解决这个问题的呢?

起初我觉得它应该是提供toJSON来实现,我巴拉了源码,发现就根本没有toJSON。然后就超出了我的知识范围了,到达了知识盲点。继续巴拉代码,发现在给对象挂上__ob__时调用的defineProperty传递的enumerable是false。好了,所有疑问都迎刃而解了。就是这个配置,让JSON.stringify时,忽略这个属性:)

发布了52 篇原创文章 · 获赞 39 · 访问量 8万+

猜你喜欢

转载自blog.csdn.net/Chinese521/article/details/103992270