// Promise.resolve() // .then(() => console.log(1)) // // .then(() => console.log(2)) // // Promise.resolve() // .then(() => console.log(11)) // // .then(() => console.log(22)) //

Im bereitgestellten Code gibt es zwei Promise-Ketten, die jeweils mit Promise.resolve() beginnen. Es ist wichtig, die Ausführungsreihenfolge in der Konsole zu verstehen.

Jedes .then() fügt einen Handler in die Microtask-Queue ein, die nach dem aktuellen Call-Stack ausgeführt wird.

Da beide Ketten sequenziell erstellt werden, werden ihre Handler in der Reihenfolge in die Queue eingereiht, in der sie deklariert sind.

Daher lautet die Ausgabe:

1
2
11
22

Erläuterung:

• Zuerst wird das erste .then(() => console.log(1)) ausgeführt, das 1 ausgibt.
• Dann folgt das nächste .then(() => console.log(2)), das 2 ausgibt.
• Danach wird .then(() => console.log(11)) aus der zweiten Kette ausgeführt, das 11 ausgibt.
• Und zum Schluss .then(() => console.log(22)), das 22 ausgibt.

Wenn wir möchten, dass die Ausgabe gemischt oder in einer anderen Reihenfolge erfolgt, müssten wir die Promis-Struktur ändern oder setTimeout für verzögerte Aufrufe verwenden.