當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
使用JavaScript给对象修改注册监听器
生活随笔
收集整理的這篇文章主要介紹了
使用JavaScript给对象修改注册监听器
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
我們在開發一些大型前端項目時，會遇到這樣一種情況，某個變量上有個字段。我們想知道是哪一段程序修改了這個變量上的字段。比如全局變量window上我們自定義了一個新字段_name，我們想知道到底有哪些程序給這個字段賦了值。
一行行地調試肯定太費時間了。如果window這個變量的_name字段被程序賦值時，能執行我們自己實現的一個監聽器，這樣不就方便多了么？
監聽器的實現很簡單:
<html><script>"use strict";function test(){Object.defineProperty(window, "_name", {get : function(){ console.log("gett is called ") },set : function(newValue){debugger;console.log("_name is filled!!!!");},enumerable : true,configurable : true});for( var i = 0; i < 2; i++)console.log(i);window._name = "2";};test();</script>使用Object對象自帶的方法defineProperty, 第一個參數為要監聽的對象window，第二個參數為要監聽的對象字段名稱，_name。
第三個參數是一個對象，屬性為set，意思是我們想監聽window._name被賦值的這個事件。屬性set的值為一個JavaScript函數，即我們自己定義的監聽器。這個監聽器，當window._name被其他JavaScript函數修改之后，就會觸發。
測試一下，在瀏覽器里執行上述代碼，發現斷點按照我們期望的被觸發了：
從調用棧也能發現確實是window._name = "2"這一行代碼觸發的斷點，我們自己注冊的屬性修改監聽器確實工作了。
要獲取更多Jerry的原創技術文章，請關注公眾號"汪子熙"或者掃描下面二維碼:
總結
以上是生活随笔為你收集整理的使用JavaScript给对象修改注册监听器的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 最美的情话最暖心短句 句句走心
- 下一篇： 使用 JavaScript 上传 PDF