जावास्क्रिप्ट: लगातार चर मूल्यों की निगरानी कैसे करें

Question

मैं लगातार चर वैल्यू कैसे देखूं। उदाहरण के लिए:

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

अगर मैं लगातार यह या कुछ और लूप में चलाए यह काम करेगा, लेकिन वहाँ है कि ट्रिगर जैसे ही चर मान पर सेट है की एक कारगर तरीका है?

Answer 1

उपयोग setInterval:

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

Answer 2

रूप @Pekka टिप्पणी की है, तो आप एक टाइमर लगातार चर पोल हो सकता है। एक बेहतर समाधान, यदि यह आपका कोड है जो चर बदल रहा है, तो केवल वैरिएबल को सीधे सेट नहीं करना है, बल्कि सभी सेटर्स फ़ंक्शन को कॉल करते हैं। फ़ंक्शन तब वैरिएबल सेट कर सकता है और आपको आवश्यक अतिरिक्त प्रोसेसिंग कर सकता है।

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; 

एक टाइमर के साथ