मैं किसी जेएस वैरिएबल के मान (संदर्भ नहीं) को फ़ंक्शन में कैसे पास करूं?

Question

यहाँ मैं चलाने के लिए कोशिश कर रहा हूँ कुछ का एक सरलीकृत संस्करण है:

for (var i = 0; i < results.length; i++) { 
    marker = results[i]; 
    google.maps.event.addListener(marker, 'click', function() { 
     change_selection(i); 
    }); 
} 

लेकिन मुझे लगता है कि हर श्रोता results.length का मूल्य (मूल्य जब पाश के लिए समाप्त हो जाता है) का उपयोग करता है खोजने हूँ। मैं श्रोताओं को कैसे जोड़ सकता हूं कि जब मैं इसे संदर्भित करता हूं, तो मैं प्रत्येक के मूल्य का उपयोग करता हूं, इसके संदर्भ में?

Answer 1

आप एक समारोह पैरामीटर के रूप में यह पारित करके एक अलग गुंजाइश है कि अपनी वर्तमान स्थिति में चर की बचत होती है बनाने की जरूरत:

for (var i = 0; i < results.length; i++) { 
    (function (i) { 
    marker = results[i]; 
    google.maps.event.addListener(marker, 'click', function() { 
     change_selection(i); 
    }); 
    })(i); 
} 

एक गुमनाम समारोह बनाने और पहले तर्क के रूप में चर के साथ यह फोन कर करके, आप फ़ंक्शन में गुजरने और बंद करने के लिए मूल्य-दर-मूल्य कर रहे हैं।

Answer 2

आप बंद होने के साथ आगे बढ़ रहे हैं। Here's an article on closures और उनके साथ कैसे काम करें। पृष्ठ पर उदाहरण 5 देखें; वह परिदृश्य है जिसके साथ आप काम कर रहे हैं।

संपादित करें: चार साल बाद, वह लिंक मर चुका है। उपरोक्त मुद्दे की जड़ यह है कि for लूप रूप बंद हो जाता है (विशेष रूप से marker = results[i] पर)। addEventListener में पारित किया गया है, तो आप बंद होने का साइड इफेक्ट देखते हैं: अंतिम "पुनरावृत्ति" को अंतिम पुनरावृत्ति के बाद बंद होने के माध्यम से अंततः "सहेजा गया" से पहले लूप के प्रत्येक पुनरावृत्ति के साथ अद्यतन किया जाता है। MDN explains this very well.

Answer 3

बंद:

for (var i = 0, l= results.length; i < l; i++) { 
    marker = results[i]; 
    (function(index){ 
     google.maps.event.addListener(marker, 'click', function() { 
      change_selection(index); 
     }); 
    })(i); 
} 

संपादित करें 2013: ये अब आमतौर पर एक IIFE

Answer 4

साथ ही बंद रूप में भेजा जाता है, तो आप function.bind उपयोग कर सकते हैं:

google.maps.event.addListener(marker, 'click', change_selection.bind(null, i)); 

i का मान पास करता है I जब बुलाया समारोह के लिए एक तर्क के रूप में n। (null बाध्यकारी this है, जो आपको इस मामले में की जरूरत नहीं है के लिए है।)

function.bind प्रोटोटाइप रूपरेखा के द्वारा शुरू की गई थी और ECMAScript पांचवें संस्करण में मानकीकृत किया गया है। इस समय तक ब्राउज़रों सब यह मूल रूप से समर्थन करते हैं, आप अपने खुद के function.bind समर्थन का उपयोग कर बंद जोड़ सकते हैं:

if (!('bind' in Function.prototype)) { 
    Function.prototype.bind= function(owner) { 
     var that= this; 
     var args= Array.prototype.slice.call(arguments, 1); 
     return function() { 
      return that.apply(owner, 
       args.length===0? arguments : arguments.length===0? args : 
       args.concat(Array.prototype.slice.call(arguments, 0)) 
      ); 
     }; 
    }; 
} 

Answer 5

मुझे लगता है हम मैं के मूल्य को स्टोर करने के लिए एक अस्थायी चर परिभाषित कर सकते हैं।

for (var i = 0; i < results.length; i++) { 
var marker = results[i]; 
var j = i; 
google.maps.event.addListener(marker, 'click', function() { 
    change_selection(j); 
}); 
} 

हालांकि मैंने इसका परीक्षण नहीं किया है।

Answer 6

for (var i = 0; i < results.length; i++) { 
    marker = results[i]; 
    google.maps.event.addListener(marker, 'click', (function(i) { 
     return function(){ 
      change_selection(i); 
     } 
    })(i)); 
}