作者:JShaman团队,转载请保留
功能目标
实时监视一个变量的值,当值发生改变时,马上给出提示。
实现方法一
直观且朴素的方法,可以用setInterval,循环检测变量的值,示例代码:
<html>
<body>
<script>
//要监视的变量
var test_value = 1;
setInterval(function(){
if(test_value != 1){
console.log("值变成了:",test_value);
}
},1000);
</script>
</body>
</html>
运行效果:
虽然确实可以实现,但笨拙且低效果。
实现方法二
先看代码:
<html>
<body>
<script>
var test_obj = {};
Object.defineProperties(test_obj, {
a: {
get: function() {
console.log("取值:",a)
return a
},
set: function(new_value) {
a = new_value;
console.log("设值:",a)
}
}
});
test_obj.a = "JShaman是专业的JavaScript混淆加密平台";
</script>
</body>
</html>
这段代码中,使用了对象,defineProperties方法可以设置或修改对像的属性,对像的get、set分别是取值、赋值方法。于是便可以优雅的监视变量值。
初始设置test_obj.a为1,之后任意时间修改值,都会被实时察觉,运行效果如下:
标签:function,obj,变量,JavaScript,value,test,console,监听,log From: https://blog.51cto.com/jsjiami/6188135