當前位置: 妍妍網 > 碼農

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多名前端小夥伴在等著一起學習哦 -->

  • 廣州的兄弟可以約飯哦,或者約球~我負責打鐵,你負責進球,謝謝~