सभी जावास्क्रिप्ट ES6 वादे के बाद कैसे चलें

Question

मैं कुछ पुराने कोड को बदलने की प्रक्रिया में हूं जो jQuery डिफर्ड ऑब्जेक्ट्स का उपयोग करता है और मैं ब्लूबर्ड/ईएस 6 वादे का उपयोग करके पुनः लिख रहा हूं।

यदि मेरे पास एकाधिक असीमित कॉल हैं, तो सभी वादों के समाधान के बाद मैं फ़ंक्शन कैसे ट्रिगर कर सकता हूं।

का उपयोग jQuery Deferreds यह कुछ इस तरह होगा:

var requests = [...]; //some arbitrary data that is iterated to generate multiple ajax requests 
var promises = []; 
resuests.forEach(function(endpoint) { 
    promises.push($.ajax({url: endpoint})); 
}); 

$.when.apply($, promises).then(function() { 
    alert('all promises complete!'); 
}); 

मैं इस का उपयोग कर ES6 वादा वाक्य रचना कैसे पुनर्लेखन करते हैं?

Answer 1

इस के बाद से दो अच्छे समाधान आप पहले से ही यहाँ मिल गया है एक अधिक "Bluebird" तरीका है के अलावा bluebird टैग है:

var requests = [...]; 

Promise.map(requests, $.get).then(function(results){ 
    alert('all promises complete!'); 
}); 

यह शायद है जैसा कि यह आसान हो जाता है।

जैसा कि अन्य ने बताया है, देशी es6 तरीका Promise.all, Promise.resolve का उपयोग करना होगा या स्पष्ट निर्माण की आवश्यकता है। देशी वादों से स्पष्ट तरीका शायद होगा:

var requests = [...]; 
Promise.all(requests.map($.get)).then(function(results){ 

}); 

jQuery वादा वाक्य रचना के साथ

Answer 2

Promise.all का उपयोग करना। ध्यान दें कि के विपरीत, के विपरीत, एक तर्कसंगत जैसे एरे के रूप में इसकी तर्क के रूप में लेता है, इसलिए .apply की आवश्यकता नहीं है।

आप Promise.resolve(thejQueryDeferred) का उपयोग कर jQuery डीफ़र्ड को मूल ES6 वादे में कनवर्ट करना भी चाहेंगे। संपादित करें: यह कॉल द्वारा Promise.all पर पूर्ण रूप से किया जाता है, इसलिए वास्तव में वैकल्पिक है।

पूरे कोड:

var requests = [...]; //some arbitrary data that is iterated to generate multiple ajax requests 
var promises = []; 
requests.forEach(function(endpoint) { 
    var nativePromise = Promise.resolve($.ajax({url: endpoint})); // if you want to make it clear that you're converting from jQuery Deferred to ES6 promise! 
    promises.push(nativePromise); 
}); 

Promise.all(promises).then(function() { 
    alert('all promises complete!'); 
});