जावास्क्रिप्ट कॉलबैक को कैसे व्यवस्थित करें ताकि फ़ंक्शन स्कोप ठीक से बनाए रखा जा सके

Question

मैं XMLHttpRequest का उपयोग कर रहा हूं, और मैं सफलता कॉलबैक फ़ंक्शन में स्थानीय चर का उपयोग करना चाहता हूं।

यहाँ कोड है:

function getFileContents(filePath, callbackFn) { 
    var xhr = new XMLHttpRequest(); 
    xhr.onreadystatechange = function() { 
     if (xhr.readyState == 4) { 
      callbackFn(xhr.responseText); 
     } 
    } 
    xhr.open("GET", chrome.extension.getURL(filePath), true); 
    xhr.send(); 
} 

और मैं इसे इस तरह कॉल करना चाहते हैं:

var test = "lol"; 

getFileContents("hello.js", function(data) { 
    alert(test); 
}); 

यहाँ, test कॉलबैक फ़ंक्शन के दायरे से बाहर हो सकता है, केवल संलग्नित के बाद से फ़ंक्शन के चर कॉलबैक फ़ंक्शन के अंदर पहुंच योग्य हैं। test को कॉलबैक फ़ंक्शन पर पास करने का सबसे अच्छा तरीका क्या है alert(test);test सही ढंग से प्रदर्शित करेगा?

संपादित करें:

अब, मैं निम्नलिखित कोड समारोह ऊपर परिभाषित बुला अगर:

for (var test in testers) { 
    getFileContents("hello.js", function(data) { 
     alert(test); 
    }); 
} 

alert(test); कोड केवल for पाश से test का अंतिम मान प्रिंट करता है। मैं इसे कैसे बना सकता हूं ताकि यह test के मान को उस समय के दौरान प्रिंट करता है जिस पर फ़ंक्शन getFileContents कहा जाता था? (मैं getFileContents बदल रहा है, क्योंकि यह एक बहुत ही सामान्य सहायक समारोह है और मैं इसे करने के लिए test की तरह एक विशिष्ट चर पारित करके यह विशिष्ट बनाने के लिए नहीं करना चाहते हैं के बिना यह कर करना चाहते हैं।

Answer 1

आपके द्वारा प्रदान किए गए कोड के साथ test अभी भी कॉलबैक के अंदर गुंजाइश में होगा। xhrxhr.responseText के अलावा data के रूप में पारित नहीं किया जाएगा।

टिप्पणी से अपडेट किया गया:

अपने कोड मान लिया जाये कि इस तरह दिखता है:

for (var test in testers) 
    getFileContents("hello"+test+".js", function(data) { 
    alert(test); 
    }); 
} 

इस स्क्रिप्ट चलाता है के रूप में, test में testers कुंजी के मूल्यों आवंटित किया जाएगा - getFileContents प्रत्येक कहा जाता है समय, जो पृष्ठभूमि में एक अनुरोध शुरू करता है। जैसे ही अनुरोध समाप्त होता है, यह कॉलबैक को कॉल करता है। test में लूप से अंतिम VALUE शामिल होने जा रहा है, क्योंकि उस लूप ने पहले ही निष्पादन समाप्त कर दिया है।

ऐसी तकनीक है जिसका उपयोग आप बंद करने के लिए कर सकते हैं जो इस तरह की समस्या को ठीक करेगा।

for (var test in testers) { 
    getFileContents("hello"+test+".js", 
    (function(test) { // lets create a function who has a single argument "test" 
     // inside this function test will refer to the functions argument 
     return function(data) { 
     // test still refers to the closure functions argument 
     alert(test); 
     }; 
    })(test) // immediately call the closure with the current value of test 
); 
} 

यह मूलतः (हमारी नई समारोह के साथ) एक नई गुंजाइश पैदा करेगा कि "पर पकड़" होगा: आप एक नया गुंजाइश आप के साथ अपने चर पर पकड़ कर सकते हैं बनाने, एक समारोह अपने कॉलबैक फ़ंक्शन बना सकते हैं test के मूल्य के लिए।

बात का एक ही प्रकार का लेखन का एक अन्य तरीका:

for (var test in testers) { 
    (function(test) { // lets create a function who has a single argument "test" 
    // inside this function test will refer to the functions argument 
    // not the var test from the loop above 
    getFileContents("hello"+test+".js", function(data) { 
     // test still refers to the closure functions argument 
     alert(test); 
    }); 
    })(test); // immediately call the closure with the value of `test` from `testers` 
} 

नवीनतम प्रश्न

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 संबंधित मुद्दे

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.