Mesélj az aszinkronitás alapelveiről JavaScriptben.

A JavaScript aszinkronitás alapelvei egy egycsatornás végrehajtási modellen alapulnak, ahol azok a feladatok, amelyek hosszabb időt vehetnek igénybe (például hálózati kérések, időzítők), nem blokkolják a fő szálat, lehetővé téve más műveletek végrehajtását. Ez a következőkkel érhető el:

• Event Loop (Esemény ciklus): Egy mechanizmus, amely folyamatosan ellenőrzi az üzenetsorokat, és végrehajtja a rajta lévő feladatokat. Amikor egy aszinkron művelet befejeződik, a callback-je a feladat sorába kerül.
• Callback függvények: Olyan függvények, amelyeket más függvények argumentumaként adunk át, és az aszinkron művelet befejezése után futnak.
• Promises (Ígéretek): Olyan objektumok, amelyek egy aszinkron művelet végső értékét képviselik, amely lehet sikeres (fulfilled) vagy elutasított (rejected). Megkönnyítik az aszinkron kód kezelését, elkerülve a "callback hell"-t.
• Async/Await: Szintaktikus cukor a promises felett, amely lehetővé teszi az aszinkron kód olvashatóbb és szinkron stílusban történő írását. Az async-el jelölt függvények mindig promise-t adnak vissza. Az await operátor csak async függvényeken belül használható, és megállítja a végrehajtást, amíg a promise nem teljesül.

Összehasonlítás:

Megközelítés	Olvashatóság	Hibakezelés	Párhuzamos végrehajtás
Callbacks	Alacsony	Bonyolult	Nem trivialis lehet
Promises	Közepes	Kényelmes	.all(), .race()
Async/Await	Magas	Kényelmes (try/catch)	Kicsit bonyolultabb

Promise példák:

fetch('/api/data') // Aszinkron művelet
  .then(response => response.json()) // Sikeres feldolgozás
  .then(data => console.log(data)) // Adatok feldolgozása
  .catch(error => console.error('Hiba:', error)); // Hibakezelés

Async/Await példák:

async function fetchData() {
  try {
    const response = await fetch('/api/data'); // Promise várása
    const data = await response.json(); // Promise várása
    console.log(data);
  } catch (error) {
    console.error('Hiba:', error); // Hibakezelés
  }
}
fetchData();