Comment renvoyer la réponse d’un appel asynchrone?

Lorsque vous effectuez un appel asynchrone, la réponse ne peut pas être renvoyée de la même manière que pour un appel synchrone. Au lieu de cela, la réponse doit être renvoyée de manière asynchrone, généralement à l’aide de callbacks, de promesses ou de la syntaxe async/await.

Callbacks: L’une des manières les plus courantes de renvoyer la réponse d’un appel asynchrone est d’utiliser des callbacks. Dans ce cas, vous fournissez une fonction de rappel qui est appelée lorsque la réponse est prête. Par exemple :

function fetchData(callback) {
  // Effectue une opération asynchrone
  // Lorsque l'opération est terminée, appelle le callback avec les données
  callback(data);
}

// Utilisation de la fonction fetchData avec un callback
fetchData(function(data) {
  // Faites quelque chose avec les données renvoyées
});

Promesses: Une autre méthode pour renvoyer la réponse d’un appel asynchrone est d’utiliser des promesses.

Les promesses permettent de gérer les résultats d’une opération asynchrone de manière plus claire et plus expressive que les callbacks. Par exemple :

function fetchData() {
  // Effectue une opération asynchrone
  // Renvoie une promesse qui sera résolue avec les données
  return new Promise((resolve, reject) => {
    // Effectue l'opération asynchrone
    if (success) {
      resolve(data);
    } else {
      reject(error);
    }
  });
}

// Utilisation de la fonction fetchData avec une promesse
fetchData()
  .then((data) => {
    // Faites quelque chose avec les données renvoyées
  })
  .catch((error) => {
    // Gère l'erreur renvoyée
  });

Async/await: Enfin, la syntaxe async/await est une autre méthode pour renvoyer la réponse d’un appel asynchrone. Cela permet d’écrire du code asynchrone de manière synchrone, ce qui le rend plus facile à lire et à comprendre. Par exemple :

async function fetchData() {
  // Effectue une opération asynchrone
  // Renvoie les données
  const data = await fetch(url);
  return data.json();
}

// Utilisation de la fonction fetchData avec async/await
async function doSomething() {
  const data = await fetchData();
  // Faites quelque chose avec les données renvoyées
}

Dans les trois cas, la réponse est renvoyée de manière asynchrone, ce qui permet au programme de continuer à s’exécuter pendant que l’opération asynchrone est en cours.