Kas ir makro un mikro uzdevumi?

Mikrozadashanas — tas ir mazāki, detalizētāki darbi, kas tiek veikti pēc pašreizējās makrozadashanas pabeigšanas un pirms nākamās sākšanas. Tie ietver Promise apstrādi, MutationObserver, queueMicrotask.

Galvenā atšķirība ir tā, ka mikrozadashanas vienmēr tiek izpildītas uzreiz pēc pašreizējās makrozadashanas, bet nākamā makrozadashana (piemēram, nākamais atjauninājuma kadrs vai setTimeout) tiek izpildīta tikai tad, kad mikrozadashanu rinda ir tukša.

Izpildes kārtība piemēram:

// Makrozadashana (sākotnējais kods)
console.log('Sākums');

// Makrozadashana (tīmekļa laiks)
setTimeout(() => {
  console.log('Tīmekļa laiks');
}, 0);

// Mikrozadashana (prmisis)
Promise.resolve().then(() => {
  console.log('Prmisis');
});

// Makrozadashana (sākotnējā koda beigas)
console.log('Beigas');

Konsoles izvade:

Sākums
Beigas
Prmisis
Tīmekļa laiks

Izpildes kārtība:

1. Sākotnējā makrozadashana (galvenais skripts).
2. console.log('Sākums').
3. setTimeout ieliek makrozadashanu rindā.
4. Promise.resolve().then() ieliek mikrozadashanu rindā.
5. console.log('Beigas').
6. Galvenā makrozadashana ir pabeigta.
7. Pārbauda mikrozadashanu rindu un izpilda Promise.resolve().then().
8. console.log('Prmisis').
9. Mikrozadashanu rinda ir tukša.
10. Pārlūkprogramma apstrādā notikumu ciklu un pāriet uz nākamo makrozadashanu.
11. Izpildās setTimeout makrozadashana.
12. console.log('Tīmekļa laiks').
13. Makrozadashana ir pabeigta.

Šis sapratne ir svarīga asinhrono operāciju izpildes kārtības pārvaldībai un Event Loop darba izpratnei.