JavaScript: Jak stale monitorować wartości zmiennych

Question

Jak ciągle sprawdzać wartość zmiennych. Na przykład:

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

to będzie działać, jeśli ciągle zapętlony go czy coś, ale jest skutecznym sposobem wyzwalania że tak szybko, jak zmienna jest ustawiona na tej wartości?

Answer 1

użycie setInterval:

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

Answer 2

Jak skomentował @Pekka, można mieć zegar stale sondowania zmienną. Lepszym rozwiązaniem, jeśli jest to cały twój kod, który zmienia zmienną, jest nie tylko ustawienie zmiennej bezpośrednio, ale raczej wszystkie setery wywołują funkcję. Funkcja może następnie ustawić zmienną i wykonać dowolne dodatkowe przetwarzanie, którego potrzebujesz.

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

Answer 3

Object.watch:

zegarki na nieruchomości mają być przypisana wartość i uruchamia funkcję, kiedy to nastąpi.

Object.watch() for all browsers? rozmowy na temat sposobów na Object.watch w przeglądarkach, które nie obsługują go natywnie w różnych przeglądarkach.

Answer 4

Jeśli enkapsulujesz zmienną, aby można było ustawić tę wartość jedynie przez wywołanie funkcji, daje to możliwość sprawdzenia wartości.

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 
     }); 
    } 
}); 

Jak używać:

var obj = {}; 

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

obj.prop = 3;