0
点赞
收藏
分享

微信扫一扫

JavaScript黑科技:变量监听

功能目标

实时监视一个变量的值,当值发生改变时,马上给出提示。

实现方法一

直观且朴素的方法,可以用setInterval,循环检测变量的值,示例代码:

<html>
<body>
    <script>
        //要监视的变量
        var test_value = 1;
        setInterval(function(){
            if(test_value != 1){
                console.log("值变成了:",test_value);
            }
        },1000);
    </script>
</body>
</html>

运行效果:

JavaScript黑科技:变量监听_取值

虽然确实可以实现,但笨拙且低效果。

实现方法二

先看代码:

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

JavaScript黑科技:变量监听_赋值_02

举报

相关推荐

0 条评论