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

NodeJS Discussion :

Comportement entre Callback et Promise


Sujet :

NodeJS

  1. #1
    Membre habitué
    Inscrit en
    février 2004
    Messages
    300
    Détails du profil
    Informations forums :
    Inscription : février 2004
    Messages : 300
    Points : 143
    Points
    143
    Par défaut Comportement entre Callback et Promise
    Bonjour,

    Je ne comprends pas pourquoi dans mon code partie CALLBACK la valeur "resolved !" s'affiche avant le "End", étrange !
    Par contre, je trouve logique que la partie PROMISE affiche "resolved !" avant le "End".

    Pouvez-vous m'expliquer ?

    Voici mon code en deux parties la première est la partie CALLBACK et la seconde PROMISE.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    //----------------- Start: CALLBACK ------------------------------------
    console.log('------------ CALLBACK -------------------')
    console.log('Start')
    getMember((member) => { console.log(member) })
     
    function getMember(next) {
        console.log('calling');
        // setTimeout(() => { next('resolved !') }, 1500)
        for (let index = 0; index < 1000000000; index++) { }
        next('resolved !')
    }
    console.log('End')
    //
    // RETURN:
    // ------
    // Start
    // calling
    // resolved !
    // End
    //----------------- End: CALLBACK --------------------------------------
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    //----------------- Start: PROMISE -------------------------------------
    console.log('------------ PROMISE -------------------')
    console.log('Start')
    new Promise((resolve, reject) => {
        console.log('calling')
        // setTimeout(() => { resolve('resolved !'), reject(new Error('error during...')) }, 1500)
        for (let index = 0; index < 1000000000; index++) { }
        resolve('resolved !');
    })
        .then(message => console.log(message))
        .catch(err => console.log(err.message))
    console.log('End')
    //
    // RETURN:
    // ------
    // Start
    // calling
    // End
    // resolved !
    //----------------- End: PROMISE ---------------------------------------
    Merci d'avance,

    Yves

  2. #2
    Modérateur
    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    janvier 2011
    Messages
    15 026
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 15 026
    Points : 37 265
    Points
    37 265
    Par défaut
    Bonjour,
    dans ton exemple « CALLBACK » le traitement est synchrone, classique donc, alors que dans ton exemple « PROMISE. » le traitement est asynchrone ce qui est le propre des promesses.

    Ressource :

  3. #3
    Membre habitué
    Inscrit en
    février 2004
    Messages
    300
    Détails du profil
    Informations forums :
    Inscription : février 2004
    Messages : 300
    Points : 143
    Points
    143
    Par défaut
    Bonjour,

    Merci pour ta réponse.

    Concernant le Callback, je pensais qu'une fonction (ici getMember) qui a pour argument une fonction anonyme rend cette fonction (getMember) complètement asynchrone et donc avoir le même résultat que les promesses !

    J'ai sûrement loupé quelque chose dans ma compréhension !

    Peux-tu m'expliquer mon "erreur" ?

    Merci beaucoup,

    Yves

  4. #4
    Modérateur
    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    janvier 2011
    Messages
    15 026
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 15 026
    Points : 37 265
    Points
    37 265
    Par défaut
    Concernant le Callback, je pensais qu'une fonction (ici getMember) qui a pour argument une fonction anonyme rend cette fonction (getMember) complètement asynchrone et donc avoir le même résultat que les promesses !
    elle se déroule normalement c'est comme si tu avais écrit et lancé
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    console.log('------------ CALLBACK -------------------')
    console.log('Start')
    console.log('calling');
    for (let index = 0; index < 1000000000; index++) { }
    console.log('resolved !')
    console.log('End')
    la chronologie est respectée.

  5. #5
    Membre habitué
    Inscrit en
    février 2004
    Messages
    300
    Détails du profil
    Informations forums :
    Inscription : février 2004
    Messages : 300
    Points : 143
    Points
    143
    Par défaut
    Je suppose que c'est à cause de l'instruction FOR car cette instruction est bloquante !?

    Car je ne vois pas l'intérêt de réaliser des "callback" si c'est pour faire la même chose que le synchrone.

    Pourtant, dans beaucoup de tuto, il est expliqué que le fait d'appeler une fonction qui a pour argument une "fonction anonyme" rend la fonction asynchrone et dans mon exemple la fonction reste synchrone !!!

    Pas évident quelque chose m'échappe.

    Merci.

  6. #6
    Membre émérite Avatar de tsuji
    Inscrit en
    octobre 2011
    Messages
    1 448
    Détails du profil
    Informations forums :
    Inscription : octobre 2011
    Messages : 1 448
    Points : 2 542
    Points
    2 542
    Par défaut
    Je suppose que c'est à cause de l'instruction FOR car cette instruction est bloquante !?
    La boucle for est bloquante, c'est vrai dans le sens qu'elle va exécuter sans délai. Mais, est-ce les instructions dedans {} sont bloquantes, ce n'est pas nécessaire.

    Le problème est que la fonction getMember() lui-même n'est pas asynchrone. Et puis, comme la boucle for est bloquante, on doit trouver un moyen de consommer le temps d'une façon moins bloquante aussi pour que la démontration soit plus aigue et génerique.

    On peut intégrer et réalizer ces deux facteurs comme ça.
    Code nodejs7.6+ : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    //----------------- Start: CALLBACK ------------------------------------
    console.log('------------ CALLBACK -------------------')
    console.log('Start')
    getMember((member) => { console.log(member) })
     
    function waitFor(ms) {
        return new Promise(resolve => {
            setTimeout(() => {resolve()}, ms);
        });
    }
     
    async function getMember(next) {
        console.log('calling');
        await waitFor(50);    //50 ms
        next('resolved !')
    }
     
    console.log('End')
    //
    // RETURN:
    // ------
    // Start
    // calling
    // End
    // resolved !
    //----------------- End: CALLBACK --------------------------------------

  7. #7
    Modérateur
    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    janvier 2011
    Messages
    15 026
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 15 026
    Points : 37 265
    Points
    37 265
    Par défaut
    Citation Envoyé par vandeyy
    Pourtant, dans beaucoup de tuto, il est expliqué que le fait d'appeler une fonction qui a pour argument une "fonction anonyme" rend la fonction asynchrone
    je pense que tu as mal interprété le contexte

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Drôle de comportement entre Nullable et Binding
    Par Papy214 dans le forum Windows Forms
    Réponses: 8
    Dernier message: 06/05/2008, 16h47
  2. différence de comportements entre JVM
    Par Nicaisse dans le forum AWT/Swing
    Réponses: 2
    Dernier message: 30/08/2007, 12h41
  3. Réponses: 2
    Dernier message: 20/06/2007, 11h27
  4. Réponses: 5
    Dernier message: 10/04/2007, 10h37
  5. [JavaScript] Différence de comportement entre IE et FF
    Par YAMKI dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 23/02/2007, 15h33

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