कृपया बंद समझाने, या समारोह गुंजाइश

Question

के पाश काउंटर बाध्यकारी मैंने देखा है प्रोग्रामर छोरों अंदर घटनाओं श्रोताओं असाइन करते हैं, काउंटर का उपयोग कर। मेरा मानना ​​है कि इस वाक्य रचना है:

for(var i=0; i < someArray.length; i++){ 
    someArray[i].onclick = (function(i){/* Some code using i */})(i); 
} 

कोई इस के पीछे तर्क समझाने कृपया सकते हैं, और इस अजीब वाक्य रचना, मैं इस कभी नहीं देखा है:

(function(i))(i); 

अपना समय और धैर्य के लिए बहुत धन्यवाद।

Answer 1

ऐसा इसलिए किया गया है क्योंकि जावास्क्रिप्ट में केवल फ़ंक्शन स्कोप है, ब्लॉक दायरा नहीं है। इसलिए, आपके द्वारा लूप में घोषित प्रत्येक वैरिएबल फ़ंक्शन के दायरे में है और आपके द्वारा बनाए गए प्रत्येक बंद होने पर एक ही चर के लिए उपयोग होता है।

तो एक ही तरीका है एक नया गुंजाइश बनाने के लिए एक समारोह कॉल करने के लिए है और वह है क्या

(function(i){/* Some code using i */}(i)) 

कर रहा है।

ध्यान रखें कि आपके उदाहरण एक महत्वपूर्ण हिस्सा याद करते हैं:

someArray[i].onclick = (function(i){ 
    return function() { 
     /* Some code using i */ 
    } 
}(i)); 

तत्काल समारोह कुछ खास नहीं है: तत्काल समारोह एक और समारोह जो click हैंडलर हो जाएगा वापस जाने के लिए है। यह किसी भी तरह फ़ंक्शन परिभाषा और फ़ंक्शन कॉल को रेखांकित करता है। आप इसे सामान्य फ़ंक्शन कॉल द्वारा प्रतिस्थापित कर सकते हैं:

function getClickHandler(i) { 
    return function() { 
     /* Some code using i */ 
    } 
} 

for(var i=0; i < someArray.length; i++){ 
    someArray[i].onclick = getClickHandler(i); 
} 

Answer 2

(function(i))(i) वाक्य रचना एक गुमनाम समारोह बनाता है और फिर तुरंत निष्पादित करता है।

आमतौर पर आप एक नया समारोह चर के बजाय हर ईवेंट हैंडलर एक ही चर साझा करने की अपनी एक प्रतिलिपि है कि लूप के माध्यम से हर बार, बनाने के लिए यह करूँगा।

उदाहरण के लिए

तो:

for(int i = 0; i < 10; i++) 
    buttons[i].click = function() { doFoo(i); }; 

अक्सर लोगों, बाहर फैल जाती है क्योंकि कोई बात नहीं क्या बटन पर क्लिक करें, doFoo(10) कहा जाता है।

जबकि:

for(int i = 0; i < 10; i++) 
    buttons[i].click = (function(i){ return function() { doFoo(i); };)(i); 

प्रत्येक यात्रा के लिए भीतरी समारोह (i का अपना ही मूल्य के साथ) का एक नया उदाहरण बनाता है और अपेक्षा के अनुरूप काम करता है।