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

Եկեք դիտարկենք կոնսոլում արտածման կարգը՝

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

Նկարագրություն:

• setTimeout տեղադրում է callback-ը macro-task-երի հերթում 0 ուշացումով:
• Promise ստեղծելիս, նրա executor-ը անմիջապես կատարվում է, ուստի console.log(2) արտածվում է անմիջապես:
• p.then ավելացնում է callback-ներ micro-task-երի հերթում:
• console.log(5) կատարվում է սինխրոն այն բանից հետո, երբ Promise-ը ստեղծվում է:

Արտածման կարգը:

1. 2 (անմիջապես Promise ստեղծելու ժամանակ)
2. 5 (Promise- ից հետո, սինխրոն)
3. 3 (micro-task- ի then-ից)
4. 4 (հաջորդ micro-task- ի then-ից)
5. 1 (macro-task- ի setTimeout-ից)

Արդյունք՝

2
5
3
4
1