如何用JavaScript的Object.defineProperty实现变量长尾词监控的示例代码?
- 内容介绍
- 文章标签
- 相关推荐
本文共计388个文字,预计阅读时间需要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程序设计有所帮助。
本文共计388个文字,预计阅读时间需要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程序设计有所帮助。

