js利用对象的defineProperty来进行变量的监控

炸_洋芋

于 2017-09-22 15:45:21 发布

阅读量1k

点赞数

分类专栏： JavaScript 文章标签：监测变量 javascript js变量监控

本文链接：https://blog.csdn.net/zhaoxiang66/article/details/78063688

版权

JavaScript 专栏收录该内容

24 篇文章 4 订阅

订阅专栏

以前觉得检测变量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>```

这样效果就出来了，截个图

![这里写图片描述](https://img-blog.csdnimg.cn/img_convert/2a9f134769752f6113e2310c9b41232d.png)

每隔两秒会打印一次，哈哈