ES2018 - enfin promet méthode

L'auteur de la note, dont nous publions la traduction aujourd'hui, dit qu'il s'est à peine abstenu de ne pas l'appeler «Enfin - l'opportunité que tout le monde attendait» ou de plaisanter sur ce sujet. En fin de compte, il a décidé de se passer de blagues et de simplement parler de la fonctionnalité vraiment importante et utile des objets Promise.


Si vous commencez tout juste à apprendre JavaScript et n'êtes pas trop familier avec les promesses (parfois elles sont appelées «promesses», «résultats promis», «objets promis»), alors vous pourriez être intéressé par nos publications précédentes sur ce sujet:

→ Promesses dans ES6: motifs et anti-motifs
→ JavaScript: méthodes de programmation asynchrones
→ JavaScript ES8 et transition vers async / attente
→ Async / attente: 6 raisons d'oublier les promesses
→ Échapper à l'enfer asynchrone / attendre
→ JavaScript ES6: écrivez moins - faites plus
→ Guide des promesses pour ceux qui veulent les trier
→ Conception JavaScript asynchrone / en attente: points forts, pièges et modèles d'utilisation
→ Utilisation de promesses en JavaScript

Promise.prototype.finally, méthode

L'article 25.6.5.3 de la norme ECMAScript 2018 est dédié à la méthode Promise.prototype.finally . Selon caniuse.com , le niveau de support pour cette méthode est d'environ 81%. Cette méthode peut également être utilisée dans Node.js.

La méthode de la promesse finale est l'une des innovations les plus importantes de la norme, qui vous permet de spécifier une fonction qui sera exécutée quel que soit le résultat de la promesse. Une telle fonction sera remplie si la promesse est résolue avec succès et si elle est rejetée.
Prenons un exemple:

 const myPromise = new Promise((resolve, reject) => { setTimeout(() => { resolve('success!!!'); }, 2000); }); 

Il s'agit d'une promesse parfaitement courante qui se résout après 2000 millisecondes. Si après cela, nous devons effectuer une action, nous aurons besoin d'un bloc then :

 myPromise.then( result => { console.log(result) }, failMessage => { console.log(failMessage) } ); 

Deux fonctions anonymes sont passées à la méthode then . Le premier sera exécuté si la promesse est résolue avec succès. Le second, c'est quand il est rejeté. Notre promesse se termine toujours avec succès, le message de success!!! sera toujours affiché dans la console success!!! . Tout cela est très bien, mais qu'en est-il s'il est nécessaire que certaines actions soient menées après le rejet de la promesse, et après l'achèvement réussi de son travail? Ici, la méthode finally nous aidera:

 const myPromise = new Promise((resolve, reject) => { setTimeout(() => { resolve('success!!!'); }, 2000); }); myPromise.then( result => { console.log(result) }, failMessage => { console.log(failMessage) } ).finally(finallyMessage => { console.log('FINALLY!!')}); 

Quelle que soit la fin de la promesse, le texte sera FINALLY!! affiché en plus du message correspondant à la console FINALLY!! , ce qui nous indique que la fonction de rappel passée à la méthode finally fonctionne quand même. Afin de vérifier cela - vous pouvez expérimenter .

Résumé

Le fait que la méthode Promise.prototype.finally soit apparue dans ES2018 suggère qu'un niveau très élevé de prise en charge du navigateur peut être attendu dans un avenir prévisible. Cela signifie que ce que vous aviez auparavant à utiliser des outils auxiliaires créés par des développeurs tiers peut désormais être implémenté à l'aide d'outils standard.

Dans quelles situations la méthode Promise.prototype.finally peut- Promise.prototype.finally être utile? Par exemple - si, lorsque vous démarrez la Promesse utilisée pour télécharger quelque chose, une animation commence à jouer, vous pouvez finally terminer cette animation. Dans le bloc finally , vous pouvez, par exemple, fermer une certaine fenêtre modale. En fait, il existe de nombreuses situations dans lesquelles la méthode finally peut être utile.

Chers lecteurs! Avez-vous utilisé des substituts à la méthode finalement promises avant ses implémentations standard?