Javascript : asynchrone/attendre

async et wait sont des fonctionnalités puissantes de JavaScript qui rendent le travail avec Promises plus facile et plus lisible. Ils vous permettent d'écrire du code asynchrone qui ressemble et se comporte comme du code synchrone. Voici un aperçu rapide :

Fonction asynchrone

• Définition : Une fonction asynchrone est une fonction qui renvoie une promesse. Il vous permet d'utiliser wait à l'intérieur.
• Syntaxe :

  async function myFunction() {
    // Your code here
  }

attendre le mot-clé

• Définition : Le mot-clé wait ne peut être utilisé qu'à l'intérieur d'une fonction asynchrone. Il suspend l'exécution de la fonction asynchrone et attend que la promesse soit résolue ou rejetée.
• Syntaxe :

  let result = await somePromise;

Exemple

Voici un exemple simple pour démontrer comment async et wait fonctionnent ensemble :

function fetchData() {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve('Data fetched');
    }, 2000);
  });
}

async function getData() {
  console.log('Fetching data...');
  const data = await fetchData();
  console.log(data);
}

getData();

Dans cet exemple :

1. fetchData est une fonction qui renvoie une promesse, qui se résout après 2 secondes.
2. getData est une fonction asynchrone qui utilise wait pour attendre la résolution de fetchData.
3. Lorsque getData est appelé, il enregistre "Récupération des données...", attend la résolution de fetchData, puis enregistre "Données récupérées".

Avantages

• Lisibilité : async/await fait ressembler le code asynchrone à du code synchrone, ce qui peut être plus facile à lire et à comprendre.
• Gestion des erreurs : Vous pouvez utiliser des blocs try...catch avec async/await pour gérer les erreurs plus proprement.

Exemple de gestion des erreurs

async function getData() {
  try {
    console.log('Fetching data...');
    const data = await fetchData();
    console.log(data);
  } catch (error) {
    console.error('Error fetching data:', error);
  }
}

getData();

Dans cet exemple, si fetchData devait être rejeté, l'erreur serait détectée par le bloc catch et « Erreur lors de la récupération des données : » serait enregistrée avec le message d'erreur.

---

Merci d'avoir lu !
J'espère que vous avez trouvé cet article utile et informatif. Si vous avez apprécié ou appris quelque chose de nouveau, n'hésitez pas à partager vos réflexions dans les commentaires ou à me contacter.

Si vous souhaitez soutenir mon travail et m'aider à créer plus de contenu comme celui-ci, pensez à m'offrir un café. Votre soutien compte pour le monde et me motive !

Merci encore d'être passé ! ?

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!