本文實(shí)例講述了JS使用對(duì)象的defineProperty進(jìn)行變量監(jiān)控操作。分享給大家供大家參考，具體如下：
以前覺得檢測(cè)變量angular的$watch還挺好用的，但是一旦離開angular就無(wú)法下手了，今天看到一個(gè)方法，覺得挺好的，可能還
有別的辦法，我會(huì)繼續(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>這樣效果就出來(lái)了，截個(gè)圖
每隔兩秒會(huì)打印一次，哈哈
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.VeVB.COm/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript操作DOM技巧總結(jié)》、《JavaScript頁(yè)面元素操作技巧總結(jié)》、《JavaScript事件相關(guān)操作與技巧大全》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
