使用Object.defineProperty如何巧妙找到修改某個變量的準(zhǔn)確代碼位置
前言
本文主要給大家介紹的是關(guān)于使用Object.defineProperty巧妙找到修改某個變量的準(zhǔn)確代碼位置的相關(guān)內(nèi)容,分享出來供大家參考學(xué)習(xí),下面話不多說了,來一起看看詳細(xì)的介紹吧
語法
Object.defineProperty(obj, prop, descriptor)
參數(shù)
- obj 需要定義屬性的對象。
- prop 需被定義或修改的屬性名。
- descripter 需被定義或修改的屬性的描述符。
發(fā)現(xiàn)問題
最近的工作又遇到一個難題。前端UI右下角這個按鈕被設(shè)置為"禁用(disabled)"狀態(tài)。
這個按鈕的可用狀態(tài)由屬性enabled控制。我通過調(diào)試發(fā)現(xiàn),一旦下圖第88行代碼執(zhí)行完畢之后,這個按鈕的屬性mProperties里就多出一個enabled:false
的屬性。
而88行執(zhí)行之前,還沒有這個enabled:false
的屬性。正是這個屬性讓按鈕進(jìn)入了禁用狀態(tài)。
我單步調(diào)試setModel函數(shù),花了半個小時的時間也沒能找到這個enabled屬性到底是在哪一行代碼加進(jìn)去的。
解決方法
于是我只有尋求其他辦法。我想到了Object.defineProperty
這個方法:
我在Chrome開發(fā)者工具里執(zhí)行如下代碼,首先根據(jù)button的ID用ui.byId方法找到這個被禁用按鈕的實(shí)例,然后用Object.defineProperty
給按鈕實(shí)例的屬性集合mProperties注入一個get方法,實(shí)現(xiàn)體只有一個debugger語句。如此一來,每次button的mProperties被訪問時,都會自動觸發(fā)一個斷點(diǎn)。而mProperties屬性發(fā)生變化時,必定會先產(chǎn)生讀取動作,因此斷點(diǎn)停下來時,我通過觀察調(diào)用棧的上下文就能夠找到是哪一行代碼修改了mProperties。
var ui = sap.ui.getCore(); var button = ui.byId("button97DXvDVKUawkYgK3YQVram_64"); Object.defineProperty(button, "mProperties", { get: function(){ debugger;}});
現(xiàn)在就來試試。果然斷點(diǎn)自動觸發(fā)了。我成功找到了我在尋找的給mProperties添加了enabled = false
的代碼位置。
總結(jié)
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,如果有疑問大家可以留言交流,謝謝大家對腳本之家的支持。
相關(guān)文章
ionic App問題總結(jié)系列之ionic點(diǎn)擊系統(tǒng)返回鍵退出App
本篇文章主要介紹了ionic App問題總結(jié)系列之ionic點(diǎn)擊系統(tǒng)返回鍵退出App,具有一定的參考價值,有興趣的可以了解一下2017-08-08再談JavaScript中bind、call、apply三個方法的區(qū)別與使用方式
這篇文章主要介紹了Javascript中bind、call、apply三個方法的使用方式,需要的朋友可以參考下2022-05-05微信小程序報錯:does?not?have?a?method?"xxxx"?to?ha
這篇文章主要給大家介紹了關(guān)于微信小程序報錯:does?not?have?a?method?"xxxx"?to?handle?event?"tap"的解決方案,文中將解決的辦法介紹的非常詳細(xì),需要的朋友可以參考下2023-01-01JavaScript/jQuery實(shí)現(xiàn)切換頁面效果
這篇文章主要為大家詳細(xì)介紹了JavaScript或jQuery實(shí)現(xiàn)切換頁面效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-03-03