JS使用對象的defineProperty進行變量監(jiān)控操作示例
本文實例講述了JS使用對象的defineProperty進行變量監(jiān)控操作。分享給大家供大家參考,具體如下:
以前覺得檢測變量angular的$watch還挺好用的,但是一旦離開angular就無法下手了,今天看到一個方法,覺得挺好的,可能還
有別的辦法,我會繼續(xù)探索的
貼上代碼:
<!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.jb51.net/code/HtmlJsRun測試上述代碼運行效果。
更多關于JavaScript相關內容感興趣的讀者可查看本站專題:《JavaScript操作DOM技巧總結》、《JavaScript頁面元素操作技巧總結》、《JavaScript事件相關操作與技巧大全》、《JavaScript查找算法技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript錯誤與調試技巧總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
JS中的Error對象及使用JSON.stringify()序列化Error問題
這篇文章主要介紹了JS中的Error對象及使用JSON.stringify()序列化Error問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-08-08詳解javascript立即執(zhí)行函數表達式IIFE
本文主要介紹了javascript立即執(zhí)行函數表達式IIFE的相關知識。具有很好的參考價值,下面跟著小編一起來看下吧2017-02-02