IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Utilisation de Promise.all()


Sujet :

JavaScript

  1. #1
    Membre à l'essai
    Homme Profil pro
    Développeur web en formation
    Inscrit en
    Novembre 2013
    Messages
    5
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur web en formation

    Informations forums :
    Inscription : Novembre 2013
    Messages : 5
    Par défaut Utilisation de Promise.all()
    Bonjour à tous,

    Quelqu'un pourrait-il m'expliquer ce morceau de code ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
                const promise1 = fetch("https://jsonplaceholder.typicode.com/posts/1");
                const promise2 = fetch("https://jsonplaceholder.typicode.com/posts/2");
     
                Promise.all([promise1, promise2])
                .then((responses) => {
                    return Promise.all(responses.map((response) => response.json()));
                })
                .then((data) => {
                    console.log(data);
                })
                .catch((err) => console.error(err));
    C'est précisément le premier .then que j'ai du mal à comprendre.
    Comment se fait-il qu'on utilise deux fois Promise.all ?

    Quel est le lien entre le tableau de Response renvoyé par Promise.all([promise1, promise2]) et le tableau de Promise renvoyé par responses.map((response) => response.json()) ?

    Merci d'avance et bonne journée,

    Andreï

  2. #2
    Membre chevronné Avatar de licardentaistor
    Homme Profil pro
    Administrateur de base de données
    Inscrit en
    Juillet 2021
    Messages
    345
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Manche (Basse Normandie)

    Informations professionnelles :
    Activité : Administrateur de base de données

    Informations forums :
    Inscription : Juillet 2021
    Messages : 345
    Par défaut
    Le premier Promise.all sert à attendre que toutes les requêtes HTTP soient terminées et à récupérer les objets Response.
    Le deuxième Promise.all sert à attendre que tous ces objets Response soient convertis en JSON.

  3. #3
    Membre à l'essai
    Homme Profil pro
    Développeur web en formation
    Inscrit en
    Novembre 2013
    Messages
    5
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur web en formation

    Informations forums :
    Inscription : Novembre 2013
    Messages : 5
    Par défaut
    Bonjour,

    Merci pour cette réponse.

    Un peu de recherche (pas évidente) sur la méthode .json() de Response m'a permis de comprendre que response.json() ne renvoie pas un objet JSON, comme je l'imaginais, mais une promesse qui se résout en JSON. Pareil pour .blob(), .text(), etc.

    Du coup, si je comprends bien, à chaque fois qu'on utilise Promise.all avec fetch, il faudra l'utiliser deux fois ?

    Cela veut-il dire que .json(), .blob(), etc. sont des opérations asynchrones ?

    Merci d'avance.

  4. #4
    Membre expérimenté
    Homme Profil pro
    Webdesigner
    Inscrit en
    Juin 2014
    Messages
    458
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 65
    Localisation : France, Hautes Pyrénées (Midi Pyrénées)

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Associations - ONG

    Informations forums :
    Inscription : Juin 2014
    Messages : 458
    Par défaut
    Citation Envoyé par achevtsov Voir le message
    Cela veut-il dire que .json(), .blob(), etc. sont des opérations asynchrones ?
    Bonjour. C'est then en fait qui renvoie une nouvelle promesse. Donc, en effet une opération asynchrone.

Discussions similaires

  1. Utiliser async/await sur une Promise (winsc)
    Par Tillt dans le forum NodeJS
    Réponses: 6
    Dernier message: 23/04/2021, 14h03
  2. [Promise All] Récupérer résultat
    Par sinzen dans le forum Général JavaScript
    Réponses: 13
    Dernier message: 13/11/2017, 20h06
  3. Comment utiliser pg-promise ?
    Par keokaz dans le forum TypeScript
    Réponses: 0
    Dernier message: 22/05/2016, 13h58
  4. Utilisation de UNION ALL
    Par freud dans le forum Langage SQL
    Réponses: 6
    Dernier message: 09/01/2011, 22h20
  5. Réponses: 0
    Dernier message: 11/07/2009, 15h46

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo