JS实时检测变量的值是否变化

最新推荐文章于 2024-08-06 10:50:52 发布

w2sfot

最新推荐文章于 2024-08-06 10:50:52 发布

阅读量2.4k

点赞数 2

文章标签： javascript 前端开发语言变量监视

本文链接：https://blog.csdn.net/w2sft/article/details/130132437

版权

作者：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，之后任意时间修改值，都会被实时察觉，运行效果如下：

w2sfot

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JS实时检测变量的值是否变化

这段代码中，使用了对象，defineProperties方法可以设置或修改对像的属性，对像的get、set分别是取值、赋值方法。于是便可以优雅的监视变量值。实时监视一个变量的值，当值发生改变时，马上给出提示。虽然确实可以实现，但笨拙且低效果。
复制链接

扫一扫