/* Какво ще се покаже в конзолата */ 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 (микротаск):

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
готово!