इस async आलसी पैटर्न से कैसे बचें?

Question

कई बार, मैं जावास्क्रिप्ट में इस तरह के एक आलसी अतुल्यकालिक लोड हो रहा है लिखने के लिए की जरूरत:

if (myvar != undefined){ 
    doSomeTreatment(myvar) 
} else { 
    loadMyVarAsynchronously().then(function(value){ 
     myvar = value 
     doSomeTreatment(myvar) 
    }) 
} 

यहाँ, myVar एक स्थानीय चर एक हैश के कुछ विशेषता, नहीं होगा। loadMyVarAsynchronously भार एसिंक्रोनस रूप से मूल्य myVar के लिए (के साथ उदाहरण के लिए, एक Promise या एक JQuery Deferred)

वहाँ एक पैटर्न में दो बार इस कोड में निम्न पंक्ति लिखने के लिए होने से बचाने के है?

var def = (myVar !== undefined) ? myVar : loadMyVarAsynchronously(); 

$.when(def).then(doSomeTreatment); 

काम myVar करने के लिए doSomeTreatment() अंदर, यदि आवश्यक हो, बनाने के बजाय अंदर:

doSomeTreatment(myvar) 

Answer 1

यह क्या तुम यहाँ एक ठोस, वास्तविक दुनिया उदाहरण के बिना कर रहे हैं के बारे में कारण करने के लिए बहुत मुश्किल है। यह निश्चित रूप से एक पैटर्न नहीं है जिसका उपयोग मैं अपने कोड में बहुत अधिक उपयोग करता हूं, इसलिए मुझे संदेह है कि आप अपनी मान्यताओं का पुन: आकलन करके इसे ठीक करने के लिए जा सकते हैं।

कहा जा रहा है कि आप वादा श्रृंखला का उपयोग कर सकते हैं। इस मामले में नोट वादाThatLoadsVar एक वादा है, यह एक ऐसा काम नहीं है जो वादा करता है। इसका मतलब है कि यह एक राज्य को बनाए रखता है, और दूसरी बार यह कोड आगे बढ़ता है, यह तुरंत वापस आ जाएगा।

promisethatLoadsVar.then(function(value) { 
    myvar = value; 
    doSomeTreatment(myvar); 
}) 

आप एक स्पष्ट सवाल दे सकता है, तो मैं तुम्हारे लिए एक स्पष्ट उत्तर देने के लिए अच्छा लगेगा।

संपादित करें: मैं टिप्पणियों में उल्लिखित उदाहरण पर विस्तार करना चाहता हूं। LoDash लाइब्रेरी का उपयोग कर एक समाधान यहां दिया गया है। (बीटीडब्लू, आपको लॉनाश या अंडरस्कोर का उपयोग करना चाहिए, वे मूल रूप से जावास्क्रिप्ट की मानक लाइब्रेरी हैं)।

var getData = _.once(function() { return $.getJSON(...) }); 

$('button').on('click', function() { 
    getData().then(function(data) { showDialog(data) }) 
}) 

यहाँ ध्यान दें कि getData एक लिपटे समारोह है कि पहले मंगलाचरण के बाद सिर्फ समारोह को फिर से लागू बिना अधिक से अधिक एक ही बात वापस आ जाएगी है। पहली बार जब आप इसे आमंत्रित करेंगे, तो यह एक वादा वापस करेगा जो डेटा पुनर्प्राप्त होने पर हल हो जाता है। दूसरी बार आप वापस वही वादा प्राप्त करें जो पहले से ही हल हो जाएगा।

क्या आप getData पर पैरामीटर में पास करना चाहते हैं?

var getData = _.memoize(function(id) { return $.getJSON(url+id) }); 

$('button').on('click', function() { 
    getData($('#selector').val()).then(function(data) { showDialog(data) }) 
}) 

यह एक ही बात करते हैं, लेकिन पहले इनपुट पैरामीटर getData के लिए पारित द्वारा वादों को कैश होगा।

Answer 2

तो myvar पहले से ही आप $.when() में है कि पारित कर सकते हैं और यह अपने आप में एक संकल्प लिया वादा में लपेटा है परिभाषित किया गया है अज्ञात .then कॉलबैक, यह आपको फ़ंक्शन संदर्भ के रूप में सीधे doSomeTreatment पास करने की अनुमति देता है।

संपादित करें ओह, क्या आप मानक वादे, या jQuery वादे चाहते हैं? उपरोक्त jQuery शैली है।

Answer 3

हां, आपको मूल्य के लिए एक वादा बनाना चाहिए। तो फिर तुम बस केवल एक बार है कि समारोह संलग्न करने के लिए एक हैंडलर के रूप में की जरूरत है:

var loadedMyVar = myvar!=undefined ? Promise.resolve(myvar) : loadMyVarAsynchronously(); 
loadedMyVar.then(doSomeTreatment); 

ओह, और तुम सिर्फ हर जगह loadedMyVar वादा का उपयोग एसिंक्रोनस myvar को पुन: असाइन करने की जरूरत नहीं होनी चाहिए। शायद का उपयोग

var loadedMyVar = loadedMyVar || loadMyVarAsynchronously(); 
loadedMyVar.then(function(value) { 
    return myvar = value; 
}).then(doSomeTreatment); 

Answer 4

myvar != undefined का उपयोग करने के लिए अपनी जांच के रूप में अपनी जांच के रूप में एक समस्या है, और यह है कि जब आप किसी अन्य को शुरू करते हैं तो प्रगति में पहले से ही एक पुनर्प्राप्ति हो सकती है। आप अनुरोध दो बार (या अधिक!) कर सकते हैं।

इससे बचने के लिए आप वादा पर पकड़ कर सकते हैं, myvar के लिए एक भविष्य मूल्य रूप में यह इलाज है, और सब पर myvar का उपयोग नहीं:

// assume myvarpromise is persisted somewhere longer than the 
// life of this function 
myvarpromise = myvarpromise || loadMyVarAsynchronously(); 
myvarpromise.then(doSomeTreatment);