JS使用对象的defineProperty进行变量监控操作示例
更新时间：2019年02月02日 09:34:16 作者：前端林三哥
这篇文章主要介绍了JS使用对象的defineProperty进行变量监控操作,结合实例形式分析了对象defineProperty方法的功能及简单使用技巧,需要的朋友可以参考下
本文实例讲述了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代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript操作DOM技巧总结》、《JavaScript页面元素操作技巧总结》、《JavaScript事件相关操作与技巧大全》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript错误与调试技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关文章
这篇文章主要介绍了如何在JavaScript中谨慎使用代码注释，必要的注释可以阐明实现细节和设计意图，以此节约自己和别人的时间。 然而很多时候注释起的作用却适得其反，,需要的朋友可以参考下2019-06-06
本文从7个方面讲述 JavaScript 中那些你不很熟知但非常实用的技巧。2010-04-04
这篇文章主要介绍了解读input标签的value属性，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-01-01
Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。接下来通过本文给大家介绍如何快速掌握Bootstrap，感兴趣的朋友一起学习吧2016-05-05
因项目需要，开始学习并研究VC、DLL及ActiveX控件，网上资料找了很多，但没一个可用的或者说没一个例子可理解并运行的。没办法，自己研究吧。功夫不负有心人，终有小成了，呵呵，现在把自己学习总结了一下，献给需要的人。2010-08-08
这篇文章主要介绍了javascript自定义事件功能与用法,结合实例形式较为详细的分析了javascript自定义事件的原理、功能、应用与相关注意事项,需要的朋友可以参考下2017-11-11
这篇文章主要介绍了javascript四舍五入函数分享，大家参考使用吧2013-12-12
今天小编就为大家分享一篇在layui中layer弹出层点击事件无效的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要为大家详细介绍了js绘制购物车抛物线动画，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-09-09
这篇文章主要介绍了基于JavaScript实现窗口拖动效果的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
最新评论