SR0725 / github_blog_issue

0 stars 0 forks source link

JS Proxy #9

Open SR0725 opened 6 months ago

SR0725 commented 6 months ago

思考個問題,如何在 JavaScript 最有效的監聽變數變化 也就是我宣告了一個物件出來,當我修改這個物件時便能觸發其他程式?為各位介紹今天的主題,一個強大卻鮮為人知的功能 Proxy JS 的 Proxy 就如同為某個變數打造的專業助理。 ​但當有人去修改讀取這個變數時,我們的助理(Proxy)就會巧妙地介入,既可以傳達信息,也可以完全改寫對話內容,甚至在交互之前就攔截下來。舉一個使用 Proxy 的案例,Vue3 你有想過 Vue3 是怎麼做到修改狀態時,便能自動觸發重新渲染畫面嗎? 沒錯,就是 Proxy 當你創建狀態時,同時也會有一個專門的助理在旁檢查該狀態是否被更改 如果狀態被更新,助理便會通知 Vue:嘿,請幫我重渲染這個畫面每日一程式小知識 :D 如果喜歡這篇文章,歡迎追蹤我 另外也歡迎追蹤我的 IG,我將會在未來積極經營 IG