/* Τι θα εμφανιστεί στην κονσόλα */ async function f() { console.log(1); const promise = new Promise((resolve) => { console.log(2); setTimeout(() => { console.log(3); resolve("έτοιμο!"); console.log(4); }); }); console.log(5); const result = await promise; console.log(6); console.log(result); return "Αποτέλεσμα"; } f(); console.log(7);

Ας εξετάσουμε τη σειρά εξόδου στην κονσόλα:

async function f() {
  console.log(1); // 1
  const promise = new Promise((resolve) => {
    console.log(2); // 2
    setTimeout(() => {
      console.log(3); // 3 (περίπου 0 ms)
      resolve("έτοιμο!");
      console.log(4); // 4
    });
  });
  console.log(5); // 5

  const result = await promise; // περιμένουμε την επίλυση της υπόσχεσης
  console.log(6); // 6
  console.log(result); // "έτοιμο!"
  return "Αποτέλεσμα";
}

f();
console.log(7); // 7

Εξήγηση της σειράς εξόδου:

1. console.log(1); — συγχρονικά
2. console.log(2); — συγχρονικά κατά τη δημιουργία της υπόσχεσης
3. console.log(5); — συγχρονικά μετά τη δημιουργία της υπόσχεσης
4. console.log(7); — συγχρονικά μετά την κλήση της f()

Στη συνέχεια ενεργοποιείται το setTimeout (microtask):

5. console.log(3);
6. console.log(4);

Μετά την επίλυση της υπόσχεσης με resolve, περνάει στην κατάσταση fulfilled και το await συνεχίζει την εκτέλεση:

7. console.log(6);
8. console.log(result); — εμφανίζει "έτοιμο!"

Ο συνολικός πίνακας εξόδου είναι:

1
2
5
7
3
4
6
έτοιμο!