La méthode finally() renvoie un objet Promise et accepte en argument une fonction de callback qui est appelée lorsque la promesse a été résolue (qu'elle ait été tenue ou rejetée). Cela permet d'exécuter du code une fois que la promesse a été traitée, quel que soit le résultat. On évite ainsi de dupliquer du code entre les gestionnaires then() et catch().

Syntaxe

p.finally(onFinally);

p.finally(function() {
   // appelée dans tous les 
   // cas de terminaison
});

Paramètres

onFinally
Une fonction (objet Function) appelé lorsque la promesse courante est résolue.

Valeur de retour

Cette méthode renvoie un objet Promise.

Description

La méthode finally peut être utile si on souhaite effectuer un traitement ou du nettoyage (fermetures de flux, libération de ressources, etc.) une fois qu'une promesse est résolue, quel que soit l'état de la résolution (tenue ou rejetée).

La méthode finally est similaire à l'utilisation de la forme .then(onFinally, onFinally), on notera toutefois quelques différences :

  • Lorsqu'on crée une fonction en ligne, on peut ne la passer qu'une seule fois et éviter d'avoir à déclarer une variable ou à la déclarer à deux reprises.
  • Un callback finally ne recevra pas d'argument car on ne peut pas savoir si la promesse a été tenue ou rompue. Cette fonction est précisément appelée lorsqu'on ne s'intéresse pas à la raison du rejet ou à la réussite de la promesse. Une telle valeur est donc superflue.
  • À la différence de Promise.resolve(2).then(() => {}, () => {}) qui sera résolue avec la valeur undefined, Promise.resolve(2).finally(() => {}) sera résolue avec la valeur 2.
  • De même, à la différence de Promise.reject(3).then(() => {}, () => {}) qui sera résolue avec la valeur undefined, Promise.reject(3).finally(() => {}) sera rejetée avec 3.

Note : Toutefois, on notera qu'utiliser throw (ou que renvoyer une promesse rompue) dans le callback finally rejettera la promesse avec l'exception indiquée dans l'appel à throw.

Exemples

let isLoading = true;

fetch(myRequest).then(function(response) {
    var contentType = response.headers.get("content-type");
    if(contentType && contentType.includes("application/json")) {
      return response.json();
    }
    throw new TypeError("Oups, ceci n'est pas du JSON !");
  })
  .then(function(json) { /* traiter le JSON */ })
  .catch(function(error) { console.log(error); })
  .finally(function() { isLoading = false; });

Spécifications

Spécification État Commentaires
Proposition au TC39 Niveau 4  

Compatibilité des navigateurs

FonctionnalitéChromeEdgeFirefoxInternet ExplorerOperaSafari
Support simple63 Non58 Non50 Non
FonctionnalitéAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Support simple6363 Non5850 Non Non

Voir aussi

Étiquettes et contributeurs liés au document

Contributeurs à cette page : aduh95, SphinxKnight
Dernière mise à jour par : aduh95,