const obj = [{ value: 1, elems: [ { value: 2, elems: [ { value: 3 }, { value: 6 }, ... ] }, { value: 4, elems: [ { value: 5, elems: [ { value: 6 }, ... ]} ] } ] }] ------------- setTimeout(() => { console.log(1); }, 0); const p = new Promise(resolve => { console.log(2); resolve(); }); p.then(() => { console.log(3) }).then(() => { console.log(4); }); console.log(5);

Considérons l'ordre d'affichage dans la console:

setTimeout(() => {
  console.log(1);
}, 0);

const p = new Promise(resolve => {
  console.log(2);
  resolve();
});

p.then(() => { console.log(3) }).then(() => { console.log(4); });

console.log(5);

Explication :

• setTimeout place la fonction de rappel dans la file des macrotâches avec un délai de 0.
• Lors de la création de la promesse, son exécuteur s'exécute immédiatement, donc console.log(2) s'affiche immédiatement.
• p.then ajoute des callbacks à la file des microtâches.
• console.log(5) s'exécute de manière synchrone après la création de la promesse.

Ordre d'affichage :

1. 2 (immédiatement lors de la création de la promesse)
2. 5 (après la promesse, synchrone)
3. 3 (microtâche de then)
4. 4 (la prochaine microtâche de la chaîne then)
5. 1 (macrotâche de setTimeout)

Résultat :

2
5
3
4
1