本文實例講述了JS使用對象的defineProperty進行變量監(jiān)控操作。分享給大家供大家參考,具體如下:
創(chuàng)新互聯公司為企業(yè)級客戶提高一站式互聯網+設計服務,主要包括成都網站設計、網站制作、成都app開發(fā)、微信小程序、宣傳片制作、LOGO設計等,幫助客戶快速提升營銷能力和企業(yè)形象,創(chuàng)新互聯各部門都有經驗豐富的經驗,可以確保每一個作品的質量和創(chuàng)作周期,同時每年都有很多新員工加入,為我們帶來大量新的創(chuàng)意。
以前覺得檢測變量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使用對象的defineProperty進行變量監(jiān)控操作示例
轉載源于:http://www.chinadenli.net/article46/gepceg.html
成都網站建設公司_創(chuàng)新互聯,為您提供全網營銷推廣、ChatGPT、服務器托管、外貿建站、靜態(tài)網站、手機網站建設
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯