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-tasks με καθυστέρηση 0.
• Κατά τη δημιουργία της υπόσχεσης, ο εκτελεστής της εκτελείται άμεσα, οπότε το console.log(2) εμφανίζεται αμέσως.
• Το p.then προσθέτει callbacks στη ουρά των micro-tasks.
• Το console.log(5) εκτελείται συγχρονικά μετά τη δημιουργία της υπόσχεσης.

Σειρά εμφάνισης:

1. 2 (αμέσως κατά τη δημιουργία της υπόσχεσης)
2. 5 (μετά την υπόσχεση, συγχρονικά)
3. 3 (micro-task από το then)
4. 4 (επόμενο micro-task από τη σειρά then)
5. 1 (macro-task από το setTimeout)

Αποτέλεσμα:

2
5
3
4
1