Приведи пример Event loop в JavaScript при заходе пользователя на страницу

Когда пользователь заходит на страницу, браузер создает Call Stack, Web APIs, Callback Queue и Event Loop.

1. Синхронный код выполняется сразу (например, console.log('Hello')).
2. Асинхронные операции (например, setTimeout, fetch) передаются в Web API, а их колбэки — в Callback Queue.
3. Event Loop проверяет, пуст ли Call Stack, и переносит колбэки из Callback Queue в Call Stack для выполнения.

Пример:

console.log('Start'); // 1. Синхронный код  

setTimeout(() => {  
  console.log('Timeout'); // 3. Колбэк после задержки  
}, 0);  

Promise.resolve().then(() => {  
  console.log('Promise'); // 2. Микрозадача (выполняется перед макрозадачами)  
});  

console.log('End'); // 1. Синхронный код  

Вывод:

Start  
End  
Promise  
Timeout  

Порядок: Синхронный код → Микрозадачи (Promise) → Макрозадачи (setTimeout).