Makro və mikro tapşırıqlar nədir?

Makro vəzifələr brauzerin böyük, yüksək səviyyəli iş mərhələləridir, məsələn, HTML parsing, DOM qurulması, CSSOM qurulması, stillərin hesablanması, render ağacının qurulması, layout, paint və composite. Onlar əsas render xəttini təşkil edir.

Mikro vəzifələr isə daha kiçik, detallı əməliyyatlar olub, cari makro vəzifə tamamlandıqdan və növbəti vəzifə başlamazdan əvvəl yerinə yetirilir. Bunlara Promise, MutationObserver, queueMicrotask daxildir.

Əsas fərq odur ki, mikro vəzifələr hər zaman derhal cari makro vəzifədən sonra yerinə yetirilir, növbəti makro vəzifə (məsələn, növbəti render çərçivəsi və ya setTimeout timer hadisəsi) yalnız mikro vəzifələr növbəsi boş olduqda yerinə yetirilir.

İcranın nümunə sırası:

// Makro vəzifə (başlanğıc kodu)
console.log('Başlanğıc');

// Makro vəzifə (zamanlayıcı)
setTimeout(() => {
  console.log('Zamanlayıcı');
}, 0);

// Mikro vəzifə (promis)
Promise.resolve().then(() => {
  console.log('Promis');
});

// Makro vəzifə (son başlanğıc kodu)
console.log('Son');

Konsolda çıxış:

Başlanğıc
Son
Promis
Zamanlayıcı

İcranın sırası:

1. Əsas makro vəzifə (əsas skript) icra olunur.
2. console.log('Başlanğıc').
3. setTimeout makro vəzifəni növbəyə qoyur.
4. Promise.resolve().then() mikro vəzifəni növbəyə qoyur.
5. console.log('Son').
6. Əsas makro vəzifə tamamlanır.
7. Mikro vəzifələr növbəsi yoxlanır: Promise.resolve().then() icra edilir.
8. console.log('Promis').
9. Mikro vəzifələr növbəsi boşdur.
10. Brauzer hadisələr döngüsündə vəzifələri işləyir, növbəti makro vəzifəyə keçir.
11. setTimeout makro vəzifəsi işlənir.
12. console.log('Zamanlayıcı').
13. Makro vəzifə tamamlanır.

Bu anlayış asinxron əməliyyatların icra sırasını idarə etmək və Event Loop-un necə işlədiyini anlamaq üçün vacibdir.