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;