Come eseguire dopo aver risolto tutte le promesse di javascript ES6

Question

Sto sostituendo un vecchio codice che utilizza jQuery oggetti differiti e sto riscrivendo usando Bluebird/ES6 Promises.

Se ho più chiamate asincrone, come posso attivare una funzione dopo che tutte le promesse sono state risolte.

utilizzando jQuery Deferreds sarebbe qualcosa di simile:

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!'); 
}); 

Come faccio a riscrivere questo utilizzando la sintassi ES6 Promessa?

Answer 1

Dal momento che questo è etichettato bluebird in aggiunta ai due buone soluzioni che avete già ottenuto qui è un modo più "Bluebird":

var requests = [...]; 

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

Questo è probabilmente semplice come si arriva.

Come gli altri hanno sottolineato, il modo es6 nativo sarebbe quello di utilizzare Promise.all, non Promise.resolve o è necessaria la creazione esplicita. Il modo più pulito con promesse nativi probabilmente sarebbe:

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

}); 

Answer 2

Utilizzo di Promise.all. Si noti che il numero accetta un valore come una matrice come argomento, diversamente da $.when, quindi non è necessario lo .apply.

Dovrai anche convertire jQuery Deferred in una promessa ES6 nativa usando Promise.resolve(thejQueryDeferred). EDIT: Questo viene eseguito implicitamente dalla chiamata a Promise.all, quindi è davvero facoltativo.

codice totale:

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!'); 
});