当前位置: 欣欣网 > 码农

Proxy性能比defineProperty好?回去等通知吧?

2024-02-27码农

模拟面试、简历指导、入职指导、项目指导、答疑解惑 可私信找我~已帮助100+名同学完成改造!

前言


大家好,我是林三心,用最通俗易懂的话讲最难的知识点是我的座右铭,基础是进阶的前提是我的初心~

背景

这几天面试,每当问到面试者一个问题: Vue3 比 Vue2 好在哪

面试者总会说一句: Proxy 性能比 defineProperty

这句话我总觉得听起来怪怪的,在我印象中,Proxy 性能应该是不如 defineProperty 的啊!!!为啥这么多人认为 Proxy 性能更好呢?

上代码

我们可以通过一段代码来试试,看看 Proxy VS defineProperty ,哪个性能更好

结果证明,defineProperty 的性能明显更优

纠正

Proxy 性能比 defineProperty ,其实这句话是错的,因为表述的不太严谨

应该是这么说: 在 Vue3 中对于数据的响应式处理时,使用 Proxy 去进行处理的话性能会更好,因为 defineProperty 需要递归遍历对象去进行响应式处理,而 Proxy 不需要,且 Proxy 具有惰性处理的特点,所以性能更优

结语

我是林三心

  • 一个待过 小型toG型外包公司、大型外包公司、小公司、潜力型创业公司、大公司 的作死型前端选手;

  • 一个偏前端的全干工程师;

  • 一个不正经的掘金作者;

  • 逗比的B站up主;

  • 不帅的小红书博主;

  • 喜欢打铁的篮球菜鸟;

  • 喜欢历史的乏味少年;

  • 喜欢rap的五音不全弱鸡如果你想一起学习前端,一起摸鱼,一起研究简历优化,一起研究面试进步,一起交流历史音乐篮球rap,可以来俺的摸鱼学习群哈哈,点这个,有7000多名前端小伙伴在等着一起学习哦 -->

  • 广州的兄弟可以约饭哦,或者约球~我负责打铁,你负责进球,谢谢~