How to run nach allen Javascript ES6 Versprechen sind gelöst

Question

Ich bin dabei, einige alte Code, der jQuery Deferred Objekte verwendet und ich schreibe mit Bluebird/ES6 Promises zu ersetzen.

Wenn ich mehrere asynchrone Aufrufe habe, wie kann ich eine Funktion auslösen, nachdem alle Versprechen gelöst sind.

Mit jQuery Deferreds wäre es so etwas wie dieses:

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

Wie umschreiben ich dies mit ES6 Versprechen Syntax?

Answer 1

Da dies bluebird neben dem Sie bereits hier bekommen zwei guten Lösungen getaggt ist eine „drossel“ Art und Weise:

var requests = [...]; 

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

Dies ist wahrscheinlich so einfach wie es geht.

Wie die anderen darauf hingewiesen haben, wäre die native es6 Weise zu verwenden Promise.all, keine Promise.resolve oder explizite Erstellung erforderlich ist. Der sauberste Weg mit nativer Versprechen wäre wahrscheinlich:

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

}); 

Answer 2

Verwenden Promise.all. Beachten Sie, dass es ein iterable wie ein Array als sein Argument verwendet, im Gegensatz zu $.when, so dass die .apply nicht benötigt wird.

Sie möchten auch das jQuery Deferred in ein systemeigenes ES6-Versprechen konvertieren, indem Sie Promise.resolve(thejQueryDeferred) verwenden. EDIT: Dies geschieht implizit durch den Aufruf an Promise.all, so ist wirklich optional.

Ganzer Code:

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