您好,登錄后才能下訂單哦!
這篇文章主要介紹使用Object.defineProperty找到修改某個變量準確代碼位置的案例,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
語法
Object.defineProperty(obj, prop, descriptor)
參數
obj 需要定義屬性的對象。
prop 需被定義或修改的屬性名。
descripter 需被定義或修改的屬性的描述符。
發現問題
最近的工作又遇到一個難題。前端UI右下角這個按鈕被設置為"禁用(disabled)"狀態。
這個按鈕的可用狀態由屬性enabled控制。我通過調試發現,一旦下圖第88行代碼執行完畢之后,這個按鈕的屬性mProperties里就多出一個enabled:false
的屬性。
而88行執行之前,還沒有這個enabled:false
的屬性。正是這個屬性讓按鈕進入了禁用狀態。
我單步調試setModel函數,花了半個小時的時間也沒能找到這個enabled屬性到底是在哪一行代碼加進去的。
解決方法
于是我只有尋求其他辦法。我想到了Object.defineProperty
這個方法:
我在Chrome開發者工具里執行如下代碼,首先根據button的ID用ui.byId方法找到這個被禁用按鈕的實例,然后用Object.defineProperty
給按鈕實例的屬性集合mProperties注入一個get方法,實現體只有一個debugger語句。如此一來,每次button的mProperties被訪問時,都會自動觸發一個斷點。而mProperties屬性發生變化時,必定會先產生讀取動作,因此斷點停下來時,我通過觀察調用棧的上下文就能夠找到是哪一行代碼修改了mProperties。
var ui = sap.ui.getCore(); var button = ui.byId("button97DXvDVKUawkYgK3YQVram_64"); Object.defineProperty(button, "mProperties", { get: function(){ debugger;}});
現在就來試試。果然斷點自動觸發了。我成功找到了我在尋找的給mProperties添加了enabled = false
的代碼位置。
以上是“使用Object.defineProperty找到修改某個變量準確代碼位置的案例”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。