Javascript: cómo se supervisa constantemente el valor de las variables

Question

Cómo verifico constantemente el valor de una variable. Por ejemplo:

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

esto funcionaría si constantemente ató o algo, pero no es una forma eficaz de desencadenar que tan pronto como la variable se ajusta a ese valor?

Answer 1

Uso setInterval:

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

Answer 2

Como se comentó @Pekka, que puede tener un temporizador de sondeo constante la variable. Una mejor solución, si todo su código está cambiando la variable, es no solo establecer la variable directamente, sino que todos los instaladores llamen a una función. La función podría establecer la variable y hacer cualquier procesamiento adicional que necesite.

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

Answer 3

Object.watch:

Relojes para una propiedad que se asignará un valor y se ejecuta una función cuando eso ocurre.

Object.watch() for all browsers? habla de formas entre navegadores que hacer Object.watch en los navegadores que no soportan de forma nativa.

Answer 4

Si encapsula su variable para que el valor solo pueda establecerse llamando a una función, le da la oportunidad de verificar el valor.

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

Modo de empleo:

var obj = {}; 

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

obj.prop = 3;