本文實例講述了JS使用對象的defineProperty進行變量監控操作。分享給大家供大家參考,具體如下:
以前覺得檢測變量angular的$watch還挺好用的,但是一旦離開angular就無法下手了,今天看到一個方法,覺得挺好的,可能還
有別的辦法,我會繼續探索的
貼上代碼:
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><body><script type="text/javascript">var data = {key:1};Object.defineProperty(data, "key", {set: function(value) {value++console.log(value)}});// window.onload = function(){// data.key = 2;// data.key = 3;// }var num = 0;var timer = setInterval(function(){data.key = num;num++;},2000)</script></body></html>
這樣效果就出來了,截個圖
每隔兩秒會打印一次,哈哈
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.VeVB.COm/code/HtmlJsRun測試上述代碼運行效果。
更多關于JavaScript相關內容感興趣的讀者可查看本站專題:《JavaScript操作DOM技巧總結》、《JavaScript頁面元素操作技巧總結》、《JavaScript事件相關操作與技巧大全》、《JavaScript查找算法技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript錯誤與調試技巧總結》
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答