Jak komunikujete s událostní smyčkou (event loop)…

Nepřímým způsobem pracuji s událostní smyčkou, protože je to interní mechanika JavaScriptového motoru (například V8 v Node.js a prohlížečích). Můj zásah je nepřímý, prostřednictvím asynchronních operací.

Hlavní kontaktní body:

Časovače: setTimeout, setInterval. Ty ukládají úkoly do fronty callbacků, které jsou vykonávány událostní smyčkou po uplynutí času.
Promises: Promise. Jejich metody (then, catch, finally) registrují callbacky, které jsou asynchronně vykonávány v mikroúlohách událostní smyčky.
Asynchronní vstupně-výstupní operace: Požadavky na server (fetch, XMLHttpRequest), práce se souborovým systémem v Node.js. Jejich dokončení způsobí zařazení odpovídajících callbacků do fronty makro- nebo mikroúloh.
Obslužníky událostí DOM: addEventListener. Callbacky obslužníků jsou vykonávány, když událostní smyčka zpracovává událost, která nastala v DOM.

Příklad použití promises pro asynchronní operaci:

// Asynchronní funkce
async function fetchData(url) {
  try {
    const response = await fetch(url); // Asynchronní operace
    if (!response.ok) {
      throw new Error(`HTTP chyba: ${response.status}`);
    }
    const data = await response.json(); // Asynchronní operace
    return data;
  } catch (error) {
    console.error('Chyba při získávání dat:', error);
    throw error; // Přeposlání chyby
  }
}

// Volání asynchronní funkce a zpracování výsledku
fetchData('https://api.example.com/data')
  .then(data => {
    console.log('Přijatá data:', data); // Tento callback bude asynchronně proveden
  })
  .catch(error => {
    console.error('Došlo k chybě:', error); // Tento callback bude proveden při chybě
  });

console.log('Tento kód bude PROBÍHAT PŘED dokončením asynchronních operací.'); // Synchronous code

Porozumění tomu, jak funguje událostní smyčka, mi pomáhá psát nek blokující kód, efektivně řídit asynchronní operace a zabránit zamrznutí uživatelského rozhraní. Beru v úvahu, že dlouhé synchronní operace blokují hlavní vlákno a událostní smyčku, proto se je snažím vyhýbat nebo přesunout do webových pracovníků.

Jak komunikujete s událostní smyčkou (event loop)?