Utiliser Promise.all()

Utilisez une fois await pour attendre plusieurs processus asynchrones.

L'une des forces de JavaScript est sa capacité à effectuer des opérations asynchrones pour éviter que les processus ne s'attendent les uns les autres. Dans les applications pratiques, les opérations asynchrones sont souvent utilisées pour des processus dont le temps d'attente dépend de facteurs externes, tels que la connexion réseau, la vitesse de stockage, etc. Voici quelques exemples d'opérations asynchrones :

• Requête de base de données
• Obtenir des données d'autres sites Web (requête HTTP)
• Lire et écrire des fichiers
• Envoyer un e-mail

Exécution de fonctions asynchrones

En JavaScript, les opérations asynchrones sont généralement implémentées à l'aide de fonctions. Une fonction est un ensemble de blocs de code qui exécutent une tâche spécifique, comme une fonction d'addition pour calculer une somme et une fonction d'arrêt pour arrêter l'ordinateur (peut-être existe-t-il une telle fonction ?).

Définir la fonction

Pour définir une fonction asynchrone, ajoutez simplement le mot-clé async lorsque la fonction est déclarée, et le reste est identique à une fonction ordinaire.

Par exemple, nous définissons une fonction pour envoyer des emails de manière asynchrone :

async function kirimEmail(tujuan, judul, isi) {
  // 发送邮件
  // ...
}

Ou utilisez les fonctions fléchées :

const kirimEmail = async (tujuan, judul, isi) => {
  // 发送邮件
  // ...
}

Fonction d'appel

Lorsque la fonction ci-dessus est appelée, elle s'exécutera automatiquement de manière asynchrone, ce qui signifie qu'il n'y aura pas d'attente les uns pour les autres.

Par exemple :

kirimEmail('contoh1@email.com', 'Tes 1 Email', 'Halo. Ini saya lagi ngetes.');
kirimEmail('contoh2@email.com', 'Tes 2 Email', 'Halo. Ini saya lagi ngetes.');
kirimEmail('contoh3@email.com', 'Tes 3 Email', 'Halo. Ini saya lagi ngetes.');

Dans l'exemple ci-dessus, tous les processus qui envoient des e-mails sont exécutés dans l'ordre, mais aucun processus n'est attendu pour se terminer. Par conséquent, le processus suivant démarrera alors que le processus précédent n’est pas terminé et ne se bloquera pas.

Si vous avez besoin d'obtenir des données ou d'attendre la fin d'un processus asynchrone, vous pouvez utiliser le mot-clé await lors de l'appel d'une fonction.

Par exemple :

await kirimEmail('contoh1@email.com', 'Tes 1 Email', 'Halo. Ini saya lagi ngetes.');
await kirimEmail('contoh2@email.com', 'Tes 2 Email', 'Halo. Ini saya lagi ngetes.');
await kirimEmail('contoh3@email.com', 'Tes 3 Email', 'Halo. Ini saya lagi ngetes.');

Dans cet exemple, chaque processus attendra la fin du processus précédent. Cela se produit généralement lorsque les données doivent être récupérées d'un processus pour le processus suivant, il faut donc attendre la fin du processus précédent avant de récupérer les données requises.

Promesse.all()

En utilisant Promise.all, nous pouvons appeler et attendre plusieurs fonctions asynchrones en même temps.

Fonction d'appel

Un exemple d'utilisation de Promise.all pour appeler plusieurs fonctions asynchrones est le suivant :

await Promise.all([
  kirimEmail('contoh1@email.com', 'Tes 1 Email', 'Halo. Ini saya lagi ngetes.'),
  kirimEmail('contoh2@email.com', 'Tes 2 Email', 'Halo. Ini saya lagi ngetes.'),
  kirimEmail('contoh3@email.com', 'Tes 3 Email', 'Halo. Ini saya lagi ngetes.'),
]);

Dans l'exemple ci-dessus, nous attendons la fin de trois processus d'envoi de courrier, et les résultats seront renvoyés sous la forme d'un tableau, quel que soit le succès ou l'échec.

Caractéristiques

Promise.all possède les propriétés suivantes :

• La fonction asynchrone à exécuter est placée dans un tableau
• Toutes les fonctions sont exécutées dans leur ensemble, du démarrage à la fin
• Puisqu'ils fonctionnent dans leur ensemble, tous les processus attendront d'être terminés, surtout si await est utilisé
 ;
• Si une erreur se produit dans l'un des processus, tous les processus signaleront une erreur.

Veuillez vous référer à la documentation Promise.all de MDN pour plus de détails.

Conclusion

Utiliser Promise.all est très pratique, nous n'avons besoin d'écrire await qu'une seule fois, et c'est également utile si nous voulons arrêter tous les processus en cas d'erreur. Cependant, si nous souhaitons continuer à exécuter d’autres processus même si l’un d’entre eux échoue, nous en discuterons dans le prochain article.

Merci d'avoir lu. Si vous souhaitez discuter, veuillez laisser un message. Si vous voulez vous faire des amis, faites-le-moi savoir ?

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!