Kā jūs mijiedarat ar notikumu ciklu (event loop)…

Es tieši ar manu saistīts ar notikumu cilpu, kas ir JavaScript motora iekšēja mehānika (piemēram, V8 Node.js un pārlūkprogrammās). Mana mijiedarbība notiek netieši, caur asīnhroniskām operācijām:

Galvenās saskares punkti:

Taimeri: setTimeout, setInterval. Tie ievieto uzdevumus kolbeku rindā, kas tiks izpildīti notikumu cilpas pēc laika beigām.
Promises: Promise. To metodes (then, catch, finally) reģistrē asīnhroni izpildāmos kolbekus notikumu cilpas mikrotasķu rindā.
Asīnhroniskas ievades-izvades operācijas: Servera pieprasījumi (fetch, XMLHttpRequest), failu sistēmas darbības Node.js. To pabeigšana izraisa attiecīgu kolbeku ievietošanu makrotasķu vai mikrotasķu rindā.
DOM notikumu apstrādātāji: addEventListener. Kolbeki tiek izpildīti, kad notikumu cilpa apstrādā DOM notikumu.

Piemērs, izmantojot promises asinhronai operācijai:

// Asinhroniska funkcija
async function fetchData(url) {
  try {
    const response = await fetch(url); // Asinhroniska operācija
    if (!response.ok) {
      throw new Error(`HTTP kļūda: ${response.status}`);
    }
    const data = await response.json(); // Asinhroniska operācija
    return data;
  } catch (error) {
    console.error('Kļūda, saņemot datus:', error);
    throw error; // Kļūdas pārlēkšana
  }
}

// Asinhroniskas funkcijas izsaukums un rezultātu apstrāde
fetchData('https://api.example.com/data')
  .then(data => {
    console.log('Saņemtie dati:', data); // Šis kolbeks tiks izpildīts asinhroni
  })
  .catch(error => {
    console.error('Radās kļūda:', error); // Šis kolbeks tiks izpildīts kļūdas gadījumā
  });

console.log('Šis kods tiks izpildīts PIRMS asinhrono operāciju pabeigšanas.'); // Šis kods ir sinhrons

Izpratne par notikumu cilpas darbību palīdz man rakstīt neblokējošu kodu, efektīvi pārvaldīt asīnhroniskas operācijas un izvairīties no "lietotāja saskarnes aizsalšanas". Es apzinos, ka ilgstošas sinhroniskas operācijas bloķē galveno plūsmu un notikumu cilpu, tāpēc cenšos no tām izvairīties vai pārvietot uz web workeriem.

Kā jūs mijiedarat ar notikumu ciklu (event loop)?