Discussion :

[olivier252]

Bonjour,

Après quelques tentatives en essayant de m'initier aux promesses, je n'arrive pas à récupérer le résultat d'un petit script d'exemple que je me suis créé ici :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
  testPromise = new Promise((resolve, reject) => {
    setTimeout(() => {
      return "hello";
    }, 500);
    resolve("ok");
    reject("ko");
  });
 
 
  test.then((res) => console.log(res));

Je m'attendais à récupérer la valeur "Hello" en console, mais je n'ai rien du tout...Quelqu'un peut-il m'expliquer mon errer ?

Merci

[Gobble]

Hello,

Tu dois récupérer le retour du resolve dans la méthode then pas de return dans une promesse. Soit elle se "resolve" après un traitement réussi, soit elle éjoue après un traitement foiré et "reject".

C'est le callback de la méthode then qui récupère le résultat du resolve et le catch qui récupère le résultat du reject pour afficher le contenu de l'erreur par exemple.

Après dans ton exemple tu rentre forcément dans le resolve('ok') car dans la call stack, le setTimeOut, qui est asynchrone, s'execute tjr après le corps de sa fonction mère, (même si ce timeout était défini sur 0) (je l'ai donc mis en commentaire)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var testPromise = new Promise((resolve, reject) => {
    setTimeout(() => {
 
        resolve("hello");
    }, 500);
 
  //  reject("ko");
});
 
testPromise.then( value =>{
 
    console.log(value);
    // output "hello";
}).catch(error => console.log(error));

[olivier252]

Ah merci beaucoup, je croyais que le resolve faisait une action, une fois que la promesse avait fait correctement son travail, un peu dans ce style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
new Promise((resolve, reject) => {
    // Action de la promesse
    // si tout va bien je resolve()
    // sinon je reject()
});

Merci encore !

[Gobble]

C'est tout à fait ça, le setTimeOut te sert a simuler le temps d'attente du résultat d'une promesse que tu pourrais faire dans le monde réel, par exemple appeler une API, fetch une image etc... et attendre la réponse, ensuite, en fonction du résultat tu résous explicitement la promesse avec resolve ou reject.


On peut faire la même chose qu'une promesse en utilisant une fonction de rappel, sauf que c'est moins lisible (voir callback hell)

[olivier252]

Merci avec bcp de retard