Javascript：如何不断监视变量值

Question

如何经常检查变量值。例如：

if(variable == 'value'){ 
    dosomething(); 
} 

如果我不断地循环，或某事，这会的工作，但有一旦变量被设置为该值从而触发的有效途径？

Answer 1

使用的setInterval：

var key = '' 
setInterval(function(){ 
    if(key == 'value'){ 
    dosomething(); 
    } 
}, 1000); 

Answer 2

由于@Pekka评论，你可以有一个计时器不断查询变量。一个更好的解决方案，如果它是你改变变量的所有代码，不是直接设置变量，而是让所有setter调用一个函数。该函数然后可以设置变量并执行所需的任何其他处理。

function setValue(value) { 
    myVariable = value; 
    notifyWatchers(); 
} 

Answer 3

Object.watch：

一个属性

手表被分配了值并且时发生运行的函数。

Object.watch() for all browsers?谈到在本机不支持它的浏览器上使用跨浏览器的方式做Object.watch。

Answer 4

如果封装变量以便只能通过调用函数来设置该值，则可以检查该值。

function ValueWatcher(value) { 
    this.onBeforeSet = function(){} 
    this.onAfterSet = function(){} 

    this.setValue = function(newVal) { 
     this.onBeforeSet(value, newVal) 
     value = newVal; 
     this.onAfterSet(newVal) 
    } 
    this.getValue = function() { 
     return value; 
    } 
} 

var name = new ValueWatcher("chris"); 

wacthedName.onBeforeChange = function(currentVal, newVal) { 
    alert("about to change from" + currentVal + " to " + newVal); 
} 

name.setValue("Connor"); 

Answer 5

Object.defineProperty(Object.prototype, 'watch', { 
    value: function(prop, handler){ 
     var setter = function(val){ 
      return val = handler.call(this, val); 
     }; 
     Object.defineProperty(this, prop, { 
      set: setter 
     }); 
    } 
}); 

如何使用：

var obj = {}; 

obj.watch('prop', function(value){ 
    console.log('wow!',value); 
}); 

obj.prop = 3;