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

作者:JShaman团队,转载请保留

功能目标

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

实现方法一

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



    

运行效果:

JS实时检测变量的值是否变化_第1张图片

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

实现方法二

先看代码:



    

这段代码中,使用了对象,defineProperties方法可以设置或修改对像的属性,对像的get、set分别是取值、赋值方法。于是便可以优雅的监视变量值。

初始设置test_obj.a为1,之后任意时间修改值,都会被实时察觉,运行效果如下:

JS实时检测变量的值是否变化_第2张图片

你可能感兴趣的:(javascript,前端,开发语言,变量,监视)