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

Tekintsük át a konzolba történő kiírás sorrendjét:

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

Magyarázat:

• A setTimeout callbacket a makrotaskok sorába helyezi 0 késleltetéssel.
• A promise létrehozásakor annak végrehajtója azonnal lefut, így a console.log(2) azonnal kiíródik.
• A p.then callbackokat a mikrotaskok sorába teszi.
• A console.log(5) szinkron módon fut a promise létrehozása után.

Kimeneti sorrend:

1. 2 (azonnal a promise létrehozásakor)
2. 5 (a promise után, szinkron)
3. 3 (mikrotask a then-ből)
4. 4 (a then lánc következő mikrotaskja)
5. 1 (a setTimeout makrotaskja)

Eredmény:

2
5
3
4
1