Как взаимодействате с цикъла на събитията (event…

Не взаимодействам директно с цикъла на събитията, тъй като това е вътрешна механика на JavaScript двигателя (например V8 в Node.js и браузърите). Взаимодействието ми е косвено, чрез асинхронни операции.

Основните точки на контакт:

Таймери: setTimeout, setInterval. Те поставят задачи в опашката с обратни повиквания, които ще бъдат изпълнени от цикъла на събитията след изтичане на времето.
Обещания: Promise. Техните методи (then, catch, finally) регистрират обратни повиквания, които се изпълняват асинхронно в микротасковете на цикъла на събитията.
Асинхронни операции за вход/изход: Заявки към сървър (fetch, XMLHttpRequest), работа с файловата система в Node.js. Тяхното завършване води до поставяне на съответните обратни повиквания в опашката на макротасковете или микротасковете.
Обработчици на събития DOM: addEventListener. Обратните повиквания на обработчиците се изпълняват, когато цикълът на събитията обработва събитие, настъпило в DOM.

Пример за използване на promises за асинхронна операция:

// Асинхронна функция
async function fetchData(url) {
  try {
    const response = await fetch(url); // Асинхронна операция
    if (!response.ok) {
      throw new Error(`HTTP грешка: ${response.status}`);
    }
    const data = await response.json(); // Асинхронна операция
    return data;
  } catch (error) {
    console.error('Грешка при получаване на данни:', error);
    throw error; // Повторно хвърляне
  }
}

// Викаме асинхронната функция и обработваме резултата
fetchData('https://api.example.com/data')
  .then(data => {
    console.log('Получени данни:', data); // Този callback ще се изпълни асинхронно
  })
  .catch(error => {
    console.error('Възникна грешка:', error); // Този callback ще се изпълни при грешка
  });

console.log('Този код ще се изпълни ПРЕДИ да приключат асинхронните операции.'); // Синхронен код

Разбирането как работи event loop ми помага да пиша код, който не блокира, ефективно да управлявам асинхронните операции и да избегна "замръзване" на интерфейса. Вземам предвид, че дългите синхронни операции блокират основния поток и цикъла на събитията, затова се опитвам да ги избягвам или да ги прехвърлям към уеб работници.

Как взаимодействате с цикъла на събитията (event loop)?