comprendre le Javascript Asynchrone: Les Promises

Bonjour et Bonne année tout le monde! Je suis nouveau ici et dans le JS..

Je commence à faire de l'asynchrone en Js dans mon projet je rencontre quelques difficultés. Aidez moi svp..

Pour ma part la première action est supposé s'exécuter complètement, avant la seconde

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

var promise1 = new Promise(function(resolve, reject) { //setTimeout(function() { console.log("Je fais une promesse "); //}, 300);   resolve('foo'); });   promise1.then(function(value) { console.log(value); // expected output: "foo" });

---

Mais dès que je rajoute la fonction setTimeout(qui est en commentaire) la première instruction devient un peu plus longue et la deuxième s'exécute avant,
Comment faire en sorte que la deuxième ne s'exécute que si la première est complète(malgré son temps d'exécution) SVP?

Bien cordialement,

Salut,

Ben c'est normal et en fait dans tous les cas la première fonction s’exécute bien avant la seconde (resolve('foo');) mais la question c'est quelle est cette première fonction ?

Pour toi il semble que ce soit :
function() { console.log("Je fais une promesse "); } (c'est-à-dire celle que tu as mis en paramètre de la fonction setTimeout).

Mais en fait cette première fonction c'est la fonction setTimeout() et elle est bel et bien exécutée avant la fonction resolve('foo');... :

1- La fonction setTimeout est exécutée --> à partir de là la fonction en paramètre sera exécutée 300ms plus tard...
2- On passe à la fonction suivante (on n'attend pas 300ms) : la fonction resolve('foo');est exécutée tout de suite après la première (setTimeout).
3- 300ms après le point 1 la fonction en paramètre est exécutée.

La fonction que tu as mis en paramètre de la fonction setTimeout est donc exécutée après la fonction resolve('foo');...

Citation:

---

Envoyé par dodoMb

Mais dès que je rajoute la fonction setTimeout(qui est en commentaire) la première instruction devient un peu plus longue et la deuxième s'exécute avant,

---

Elle ne devient pas plus longue : la fonction setTimeout() est exécutée avant la fonction resolve('foo'); mais tu confonds la fonction setTimeout() avec la fonction qu'elle a en paramètre, regarde les étapes ci-dessus...

Citation:

---

Envoyé par dodoMb

Comment faire en sorte que la deuxième ne s'exécute que si la première est complète(malgré son temps d'exécution) SVP?

---

Mais quel est le but ? Oui parce que comme tu l'as réalisé toi-même il suffit pour cela d'enlever la fonction setTimeout()...