Как работает Event Loop в JavaScript?

function first() {
    second();
    console.log('First');
}

function second() {
    console.log('Second');
}

first(); // Call stack: first -> second -> console.log

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

setTimeout(() => {
    console.log('Timeout'); // 4. Макрозадача
}, 0);

Promise.resolve().then(() => {
    console.log('Promise'); // 3. Микрозадача
});

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

// Результат: Start, End, Promise, Timeout

// 1. Синхронная фаза
console.log('Script start');

setTimeout(function timeout1() {
    console.log('Timeout 1');
}, 0);

Promise.resolve().then(function promise1() {
    console.log('Promise 1');
});

setTimeout(function timeout2() {
    console.log('Timeout 2');
    Promise.resolve().then(function promise2() {
        console.log('Promise 2');
    });
}, 0);

console.log('Script end');

/*
Порядок выполнения:
1. Script start
2. Script end
3. Promise 1        (микрозадача)
4. Timeout 1        (макрозадача)
5. Timeout 2        (макрозадача)
6. Promise 2        (микрозадача внутри макрозадачи)
*/

// Плохо - блокирует event loop
function heavyCalculation() {
    let result = 0;
    for (let i = 0; i < 1000000000; i++) {
        result += Math.sqrt(i);
    }
    return result;
}

// Лучше - разбить на части
async function nonBlockingCalculation() {
    let result = 0;
    const chunkSize = 1000000;
    
    for (let i = 0; i < 1000000000; i += chunkSize) {
        // Позволяет event loop обрабатывать другие задачи
        await new Promise(resolve => setTimeout(resolve, 0));
        
        for (let j = i; j < i + chunkSize; j++) {
            result += Math.sqrt(j);
        }
    }
    return result;
}

// Эффективное создание микрозадач
async function processData(data) {
    // Используйте queueMicrotask для приоритетных задач
    queueMicrotask(() => {
        console.log('High priority task');
    });
    
    // Promise для обычных асинхронных операций
    return await fetch('/api/process', {
        method: 'POST',
        body: JSON.stringify(data)
    });
}