溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容介紹了“vue3響應式Object代理對象如何讀取”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！
在vue中，obj.a是一個讀取操作，但是仔細想來，讀取這個操作很寬泛。
obj.a // 訪問一個屬性 'a' in obj // 判斷對象或者原型鏈上是否存在a for ... in //循環遍歷對象 for ... of //循環遍歷數組
書中并沒有些for...of，但我覺得這個應該也屬于讀取操作，它在js內部的實現估計應該和for...in很相似。
其實這個我們之前已經實現過來，就是通過Proxy攔截Get操作.至于為什么要用Reflect
const obj = {a:1}
const p = new Proxy(obj,{
get(target,key,receiver){
track(target,key)
return Reflect.get(target,key,receiver)
}
})通過查詢ECMA文檔得知，in操作符的運算結果是通過一個HasProperty方法讀取的
而這個方法對應的在Proxy內部，就是has方法。
因此我們只需要增加has攔截即可,同事對于Reflect,也有has方法。
這塊會比前面稍微復雜一點 通過查詢ECMA文檔,在這篇文章里，規定了如何把一個對象轉變為一個迭代器，這里寫了一個demo，我們可以很清晰的發現，它遍歷了Reflect.ownKeys(obj)
const ITERATE_KEY=symbol()
const p = new Proxy(obj,{
ownKeys(target){
track(target,ITERATE_KEY)
return Reflect.ownKeys(target)
}
}“vue3響應式Object代理對象如何讀取”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
