Enfin ... un post sur enfin dans les promesses

Quand le bloc finally dans JavaScript est-il exécuté? On m'a récemment posé cette question lors d'un séminaire et je voulais écrire un petit article pour soulager une certaine confusion.

La réponse est, pour citer Snape:

……toujours.

La structure de base est la suivante:

 essayer {
  // J'essaierai d'exécuter un code pour vous} catch (error) {
  // Je vais gérer toutes les erreurs qui apparaissent dans le processus} Enfin {
  // je vais exécuter de toute façon}

Par exemple, il s'agit d'un exemple de générateur de blagues Chuck Norris, qui provient de l'API de la base de données Chuck Norris. (Soit dit en passant, j'ai trouvé cette API de la liste des API ouvertes impressionnantes de Todd, ce qui est idéal pour les présentations et les projets parallèles.)

 fonction asynchrone getData () {
  essayer {
    Laissez ChuckJokes = Await Fetch (`https: // api.chucknorris.io / blagues / aléosier)
      .Then (res => res.json ());

    console.log («J'ai des données pour vous!»);
    document.getElementById ("Quote"). innerHtml = chuckjokes.value;
  } catch (erreur) {
    console.warn (`il y a une erreur ici: $ {error}`);
  } enfin {
    console.log («Tout, exécute enfin!»);
  }
}

Sortie de la console: (sortie de la console qui a obtenu avec succès la blague doit être affichée ici)

Maintenant, présentons une faute de frappe dans l'URL de l'API et ajoutons accidentellement un tas de <var>r</var> . Cela entraînera l'échec de notre déclaration try , ce qui signifie que catch va maintenant lancer une erreur.

 fonction asynchrone getData () {
  essayer {
    // Messons-le un peu de LET Chuckjokes = Await Fetch (`https: // api.chucknorrrrris.io / jokes / aléosier)
      .Then (res => res.json ());

    console.log («J'ai des données pour vous!»);
    document.getElementById ("Quote"). innerHtml = chuckjokes.value;
  } catch (erreur) {
    console.warn (`il y a une erreur ici: $ {error}`);
  } enfin {
    console.log («Tout, exécute enfin!»);
  }
}

Sortie de la console: (Message d'erreur et finally la sortie du bloc doit être affichée ici)

Un aspect très important est que ce qui n'est pas expliqué dans l'exemple est que même si return ou break arrête le code dans try ou catch , le bloc finally s'exécutera .

Quand utiliser finally ?

Je l'ai trouvé particulièrement utile dans deux situations différentes, bien que je crois qu'il existe d'autres situations:

• Lorsque j'ai besoin de répéter le code dans try et catch des blocs. Voici un exemple de la recette Vue que j'ai écrite. J'ai fermé l'état de chargement dans le bloc finally . Cela inclut, comme l'exemple ci-dessus, je dois changer l'interface utilisateur dans tous les cas.
• Lorsque des travaux de nettoyage sont nécessaires. Oracle le mentionne dans sa documentation. C'est Java, mais la prémisse est la même.

finally n'est pas aussi utile que try de catch , mais il convient de noter dans certains cas. J'espère que cela clarifie votre question!

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!