JS使用對(duì)象的defineProperty進(jìn)行變量監(jiān)控操作示例
本文實(shí)例講述了JS使用對(duì)象的defineProperty進(jìn)行變量監(jiān)控操作。分享給大家供大家參考,具體如下:
以前覺(jué)得檢測(cè)變量angular的$watch還挺好用的,但是一旦離開angular就無(wú)法下手了,今天看到一個(gè)方法,覺(jué)得挺好的,可能還
有別的辦法,我會(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.jb51.net/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ì)有所幫助。
相關(guān)文章
JS中的Error對(duì)象及使用JSON.stringify()序列化Error問(wèn)題
這篇文章主要介紹了JS中的Error對(duì)象及使用JSON.stringify()序列化Error問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-08-08微信小程序?qū)崿F(xiàn)購(gòu)物頁(yè)面左右聯(lián)動(dòng)
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)購(gòu)物頁(yè)面左右聯(lián)動(dòng),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-02-02JS實(shí)現(xiàn)生成由字母與數(shù)字組合的隨機(jī)字符串功能詳解
這篇文章主要介紹了JS實(shí)現(xiàn)生成由字母與數(shù)字組合的隨機(jī)字符串功能,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript生成隨機(jī)字符串的方法及相關(guān)優(yōu)化操作技巧,需要的朋友可以參考下2018-05-05javascript中負(fù)數(shù)算術(shù)右移、邏輯右移的奧秘探索
javascript中負(fù)數(shù)的算術(shù)右移和邏輯右移都十分的讓人迷惑,特別是邏輯右移,接下來(lái)的文章中將為大家詳細(xì)介紹下為什么右移之后,一個(gè)很小的負(fù)數(shù)也會(huì)得到一個(gè)無(wú)比巨大的數(shù)2013-10-10Typescript 函數(shù)重載的實(shí)現(xiàn)
本文主要介紹了Typescript 函數(shù)重載的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04詳解javascript立即執(zhí)行函數(shù)表達(dá)式IIFE
本文主要介紹了javascript立即執(zhí)行函數(shù)表達(dá)式IIFE的相關(guān)知識(shí)。具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-02-02