स्थानीय पैरामीटर के साथ गुमनाम कार्य कैसे करें

Question

मैं इस जावास्क्रिप्ट अलर्ट 0, 1 और 2 को 3 3 के बजाय कैसे बना सकता हूं?

var vals = [1, 2, 3]; 
for(var i = 0; i < vals.length; i++) 
{ 
    window.setTimeout(function() {alert(i);}, 1000); 
} 

मैं कारण है कि यह ऐसा करता है पता है, लेकिन मैं समझ नहीं कर सकते हैं, गुमनाम कार्य करने के लिए i पारित करने के लिए कैसे।

Answer 1

तुम इतनी तरह एक बंद में इस लपेट कर सकते हैं:

var vals = [1, 2, 3]; 

for(var i = 0; i < vals.length; i++) { 
    (function(num) { 
     window.setTimeout(function() {alert(vals[num]);}, 1000); 
    })(i); 
} 

यह प्रयास करें: http://jsfiddle.net/qgL7h/

Answer 2

var vals = [1, 2, 3]; 
function makeCallback(i) 
{ 
    return function() {alert(i);}; 
} 
for(var i = 0; i < vals.length; i++) 
{ 
    window.setTimeout(makeCallback(i), 1000); 
} 

Answer 3

यह नहीं सख्ती से कार्य करने के लिए मैं पारित करने के लिए आवश्यक है, यह एक को सौंपा जा सकता अंदर स्थानीय var।

var vals = [1, 2, 3]; 

for(var i = 0; i < vals.length; i++) { 
    (function() { 
     var num = i 
     window.setTimeout(function() {alert(vals[num]);}, 1000); 
    })(); 
} 

"फ़ंक्शन() {block}()" आवश्यक था, क्योंकि जावास्क्रिप्ट में उचित ब्लॉक अक्षीय चर नहीं थे। हाल के संस्करण, "चलो" जोड़ लिया है जो इस संभव बनाता है:

var vals = [1, 2, 3]; 

for(var i = 0; i < vals.length; i++) { 
    let num = i 
    window.setTimeout(function() {alert(vals[num]);}, 1000); 
}