Async/Await et .then().catch() peuvent-ils travailler ensemble pour un code asynchrone efficace ?

Programmation asynchrone avec Async/Await et .then().catch()

Lorsqu'ils travaillent avec du code asynchrone, les développeurs sont souvent confrontés au dilemme de choisir entre async/await et .then().catch(). Les deux approches offrent des moyens de gérer des tâches asynchrones, mais peuvent-elles être combinées pour obtenir des résultats optimaux ?

Utiliser Async/Await et .then().catch() ensemble

Considérez l'extrait de code suivant :

<code class="javascript">async apiCall(params) {
    var results = await this.anotherCall()
      .then(results => {
        //do any results transformations
        return results;
      })
      .catch(error => {
        //handle any errors here
      });
    return results;
  }</code>

Ici, la syntaxe async/await est utilisée pour suspendre l'exécution de la fonction en attendant le résultat de anotherCall(). Cependant, .then().catch() est également utilisé pour gérer les erreurs ou effectuer des transformations supplémentaires.

Problèmes potentiels

Lors de l'utilisation de async/await et .then( .catch() ensemble peut sembler pratique, cela peut introduire des problèmes potentiels :

• Indentation inutile : La combinaison crée des niveaux d'indentation inutiles, rendant le code moins lisible et moins maintenable.
• Mélanger Promises et Async/Await : L'utilisation de .then().catch() implique de travailler avec Promises, tandis que async/await utilise une syntaxe et un mécanisme de gestion des erreurs différents. Cela peut entraîner de la confusion et un comportement inattendu.

Une meilleure alternative : Async/Await et try/catch

Pour éviter ces problèmes, il est recommandé de utilisez async/await avec try/catch au lieu de .then().catch(). Cette approche garantit une structure de code propre et concise tout en conservant les capacités de gestion des erreurs.

<code class="javascript">async function asyncCall() {
  try {
    const results = await anotherCall();
    return results;
  } catch (error) {
    //handle errors here
  }
}</code>

Dans cet exemple, le bloc try/catch gère toutes les erreurs générées par anotherCall() et fournit un emplacement centralisé pour la gestion des erreurs.

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!