Co je to asynchronní?

Asynchronnost v kontextu JavaScriptu je schopnost vykonávat úlohy bez blokovania hlavného vlákna vykonávania programu. To umožňuje aplikácii zostať responzívnou, napríklad počas sieťových požiadaviek alebo operácií vstupu a výstupu.

Hlavné koncepty a mechanizmy:

• Event Loop: Srdce asynchronnosti v JavaScripte. Neustále kontroluje front správ (Message Queue) a ak je zásobník volaní (Call Stack) prázdny, presúva úlohy z fronty do zásobníka na vykonanie.

• Callback funkcie: Funkcie, ktoré sa odovzdávajú ako argumenty iným funkciám a sú volané po dokončení asynchrónnej operácie.

• Promises: Objekt, ktorý predstavuje konečné dokončenie (alebo zlyhanie) asynchrónnej operácie a jej výslednú hodnotu. Umožňuje vytvárať čitateľnejší asynchrónny kód, vyhýbajúc sa "callback hell".

  // Príklad promise
  const myPromise = new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve("Operácia úspešne dokončená!");
    }, 1000);
  });
  
  myPromise
    .then(result => {
      console.log(result); // Vypíše sa po 1 sekunde
    })
    .catch(error => {
      console.error(error);
    });
  

• Async/Await: Syntaxový cukor nad promise-ami, ktorý robí asynchrónny kód viac podobný synchronnému, čo zlepšuje čitateľnosť a zjednodušuje spracovanie chýb.

  // Príklad s async/await
  async function fetchData() {
    try {
      const response = await fetch('https://api.example.com/data');
      const data = await response.json();
      console.log(data);
    } catch (error) {
      console.error('Chyba pri získavaní dát:', error);
    }
  }
  
  fetchData();
  

Porovnanie mechanizmov:

Mechanizmus	Popis	Výhody	Nevýhody
Callback funkcie	Funkcie, ktoré sa volajú po dokončení asynchrónnej úlohy.	Jednoduchý a základný mechanizmus.	"Callback hell" pri vnorených volaniach.
Promises	Objekt reprezentujúci výsledok asynchrónnej operácie.	Zlepšená čitateľnosť, spracovanie chýb.	Môže byť stále objemný pri reťazení.
Async/Await	Syntaxový cukor nad promise-ami. Robí kód lineárnejším a zrozumiteľnejším.	Maximálna čitateľnosť, zjednodušené ladenie.	Vyžaduje promises.

Asynchronnosť je kriticky dôležitá pre tvorbu moderných, responzívnych webových aplikácií, umožňujúc vykonávanie dlhých operácií, ako sú požiadavky na API, bez blokovania používateľského rozhrania.