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相關內(nèi)容感興趣的讀者可查看本站專題:《JavaScript操作DOM技巧總結》、《JavaScript頁面元素操作技巧總結》、《JavaScript事件相關操作與技巧大全》、《JavaScript查找算法技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript錯誤與調(diào)試技巧總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
JS中的Error對象及使用JSON.stringify()序列化Error問題
這篇文章主要介紹了JS中的Error對象及使用JSON.stringify()序列化Error問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-08-08微信小程序?qū)崿F(xiàn)購物頁面左右聯(lián)動
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)購物頁面左右聯(lián)動,具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-02-02JS實現(xiàn)生成由字母與數(shù)字組合的隨機字符串功能詳解
這篇文章主要介紹了JS實現(xiàn)生成由字母與數(shù)字組合的隨機字符串功能,結合實例形式詳細分析了JavaScript生成隨機字符串的方法及相關優(yōu)化操作技巧,需要的朋友可以參考下2018-05-05javascript中負數(shù)算術右移、邏輯右移的奧秘探索
javascript中負數(shù)的算術右移和邏輯右移都十分的讓人迷惑,特別是邏輯右移,接下來的文章中將為大家詳細介紹下為什么右移之后,一個很小的負數(shù)也會得到一個無比巨大的數(shù)2013-10-10詳解javascript立即執(zhí)行函數(shù)表達式IIFE
本文主要介紹了javascript立即執(zhí)行函數(shù)表達式IIFE的相關知識。具有很好的參考價值,下面跟著小編一起來看下吧2017-02-02