Hogyan lép kölcsönhatásba az eseményhurokkal (event…

Nem közvetlenül lépek kapcsolatba az eseményhurkokkal, mivel ez a JavaScript motor belső mechanizmusa (például V8 Node.js-ben és böngészőkben). A kapcsolatom közvetett, aszinkron műveleteken keresztül történik.

A fő érintkezési pontok:

Időzítők: setTimeout, setInterval. Ezek felteszik a feladatokat a callback sorba, amelyeket az eseményhurkör a idő letelte után hajt végre.
Ígéretek: Promise. Ezek módszerei (then, catch, finally) callbackeket regisztrálnak, amelyek aszinkron módon futnak az eseményhurkör mikrofeladataiban.
Aszinkron bemeneti/kimeneti műveletek: Kérések a szerverhez (fetch, XMLHttpRequest), fájlrendszerrel való munka Node.js-ben. Ezek befejezésekor a megfelelő callbackeket makro- vagy mikrofeladat sorba helyezik.
DOM eseménykezelők: addEventListener. Az eseménykezelők callbackjei akkor futnak, amikor az eseményhurkör feldolgozza a DOM-ban történt eseményt.

Példa ígéretek használatára egy aszinkron művelethez:

// Aszinkron függvény
async function fetchData(url) {
  try {
    const response = await fetch(url); // Aszinkron művelet
    if (!response.ok) {
      throw new Error(`HTTP hiba: ${response.status}`);
    }
    const data = await response.json(); // Aszinkron művelet
    return data;
  } catch (error) {
    console.error('Hiba az adatok lekérésekor:', error);
    throw error; // Újra dob
  }
}

// Aszinkron függvény hívása és eredmény kezelése
fetchData('https://api.example.com/data')
  .then(data => {
    console.log('Kapott adatok:', data); // Ez a callback aszinkron fog lefutni
  })
  .catch(error => {
    console.error('Hiba történt:', error); // Ez a callback hiba esetén fut
  });

console.log('Ez a kód AZELŐTT fut le, hogy az aszinkron műveletek befejeződnének.'); // Szinkron kód

Ami a eseményhurkot illeti, annak működésének megértése segít abban, hogy nem blokkoló kódot írjak, hatékonyan kezeljem az aszinkron műveleteket, és elkerüljem a felhasználói felület lefagyását. Figyelembe veszem, hogy a hosszú szinkron műveletek blokkolják a fő szálat és az eseményhurkot, ezért igyekszem ezeket elkerülni vagy web worker-be helyezni.

Hogyan lép kölcsönhatásba az eseményhurokkal (event loop)?