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);

Betrachten wir die Reihenfolge der Ausgabe in der Konsole:

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);

Erläuterung:

• setTimeout platziert den Callback in die Warteschlange der Makroaufgaben mit Verzögerung 0.
• Beim Erstellen des Promises wird dessen Executor sofort ausgeführt, daher wird console.log(2) sofort ausgegeben.
• p.then fügt Callbacks in die Microtask-Queue ein.
• console.log(5) wird synchron nach der Erstellung des Promises ausgeführt.

Ausgabe-Reihenfolge:

1. 2 (sofort bei der Erstellung des Promises)
2. 5 (nach dem Promise, synchron)
3. 3 (Microtask aus then)
4. 4 (nächster Microtask aus der then-Kette)
5. 1 (Makrotask aus setTimeout)

Ergebnis:

2
5
3
4
1