如何通过JS的defineProperty实现对象属性变化的监控示例？
- 内容介绍
- 文章标签
- 相关推荐
本文共计386个文字，预计阅读时间需要2分钟。
原文示例：本文实例讲述了JS使用对象进行变量监控操作。分享给大众，仅供参考，具体如下：以前觉得检测变量angular的$watch还蛮好用的，但一旦离开angular就没办法下手了，今天看到‘
改写后：本文以实例说明如何使用JS对象进行变量监控。供大家参考，具体内容如下：曾觉得Angular的$watch功能很实用，但一旦脱离Angular环境，就无法使用了。近日发现...
本文实例讲述了JS使用对象的defineProperty进行变量监控操作。分享给大家供大家参考，具体如下：
以前觉得检测变量angular的$watch还挺好用的，但是一旦离开angular就无法下手了，今天看到一个方法，觉得挺好的，可能还
有别的办法，我会继续探索的
贴上代码：
<!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代码运行工具：tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript操作DOM技巧总结》、《JavaScript页面元素操作技巧总结》、《JavaScript事件相关操作与技巧大全》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript错误与调试技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
本文共计386个文字，预计阅读时间需要2分钟。
原文示例：本文实例讲述了JS使用对象进行变量监控操作。分享给大众，仅供参考，具体如下：以前觉得检测变量angular的$watch还蛮好用的，但一旦离开angular就没办法下手了，今天看到‘
改写后：本文以实例说明如何使用JS对象进行变量监控。供大家参考，具体内容如下：曾觉得Angular的$watch功能很实用，但一旦脱离Angular环境，就无法使用了。近日发现...
本文实例讲述了JS使用对象的defineProperty进行变量监控操作。分享给大家供大家参考，具体如下：
以前觉得检测变量angular的$watch还挺好用的，但是一旦离开angular就无法下手了，今天看到一个方法，觉得挺好的，可能还
有别的办法，我会继续探索的
贴上代码：
<!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代码运行工具：tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript操作DOM技巧总结》、《JavaScript页面元素操作技巧总结》、《JavaScript事件相关操作与技巧大全》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript错误与调试技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。