Mikroúlohy

Příslibové handlery .then/.catch/.finally jsou vždy asynchronní.

I když je příslib okamžitÄ› splnÄ›n, kód na řádcích pod .then/.catch/.finally se vykoná jeÅ¡tÄ› pÅ™ed tÄ›mito handlery.

Zde je ukázka:

let příslib = Promise.resolve();

příslib.then(() => alert("příslib hotov!"));

alert("konec kódu"); // tento alert se zobrazí jako první

Pokud si ji spustíte, uvidíte napÅ™ed konec kódu a až poté příslib hotov!.

To je zvláštní, protože příslib je očividně hotov již od začátku.

Proč se .then spustí až pak? Co se dÄ›je?

Fronta mikroúloh

Asynchronní úlohy potÅ™ebují vhodný management. Proto standard ECMA specifikuje vnitÅ™ní frontu PromiseJobs, častÄ›ji nazývanou „fronta mikroúloh“ (pojem z V8).

Jak je uvedeno ve specifikaci:

• Fronta funguje na principu „první dovnitÅ™, první ven“: úlohy vložené jako první se spustí jako první.
• ProvádÄ›ní úlohy se spustí jen tehdy, když neběží nic jiného.

Nebo, abychom to zjednoduÅ¡ili, když je příslib pÅ™ipraven, vloží se do fronty jeho handlery .then/catch/finally; zatím nebudou spuÅ¡tÄ›ny. Až se motor JavaScriptu oprostí od právÄ› provádÄ›ného kódu, vybere úlohu z fronty a spustí ji.

To je důvod, proč se v uvedeném příkladu jako první zobrazí „konec kódu“.

Příslibové handlery touto vnitřní frontou vždy procházejí.

Jestliže máme Å™etÄ›z s více .then/catch/finally, je každý z nich spuÅ¡tÄ›n asynchronnÄ›. To znamená, že nejprve je vložen do fronty a spustí se až tehdy, když bude dokončen právÄ› provádÄ›ný kód i handlery ve frontÄ› pÅ™ed ním.

Co když nám záleží na poÅ™adí? Jak můžeme zajistit, aby se konec kódu objevil až po příslib hotov!?

JednoduÅ¡e, prostÄ› jej vložíme do fronty pomocí .then:

Promise.resolve()
  .then(() => alert("příslib hotov!"))
  .then(() => alert("konec kódu"));

Nyní je pořadí takové, jaké jsme zamýšleli.

Neošetřené odmítnutí

Pamatujete si na událost unhandledrejection z článku OÅ¡etÅ™ování chyb pomocí příslibů?

Nyní přesně vidíme, jak JavaScript zjistí, že nastalo neošetřené odmítnutí.

„Neošetřené odmítnutí“ nastane, když na konci fronty mikroúloh není ošetřena příslibová chyba.

Za normálních okolností, pokud očekáváme chybu, pÅ™idáme do Å™etÄ›zu příslibů .catch, aby ji oÅ¡etÅ™il:

let příslib = Promise.reject(new Error("Příslib selhal!"));
příslib.catch(chyba => alert('odchyceno'));

// nespustí se: chyba je ošetřena
window.addEventListener('unhandledrejection', událost => alert(událost.reason));

Jestliže vÅ¡ak zapomeneme pÅ™idat .catch, pak motor po vyprázdnÄ›ní fronty mikroúloh tuto událost spustí:

let příslib = Promise.reject(new Error("Příslib selhal!"));

// Příslib selhal!
window.addEventListener('unhandledrejection', událost => alert(událost.reason));

Co když tuto chybu ošetříme později? Například:

let příslib = Promise.reject(new Error("Příslib selhal!"));
setTimeout(() => příslib.catch(chyba => alert('odchyceno')), 1000);

// Příslib selhal!
window.addEventListener('unhandledrejection', událost => alert(událost.reason));

Když to nyní spustíme, uvidíme nejprve Příslib selhal! a pak odchyceno.

Kdybychom nevÄ›dÄ›li o frontÄ› mikroúloh, mohli bychom se divit: „Proč se handler unhandledrejection spustil? VždyÅ¥ jsme tu chybu zachytili a oÅ¡etÅ™ili!“

Nyní vÅ¡ak rozumíme, že unhandledrejection se generuje, když je fronta mikroúloh dokončena: motor prozkoumá přísliby, a pokud nÄ›který z nich je ve stavu zamítnutí, událost se spustí.

V uvedeném příkladu se spustí i .catch, který pÅ™idala funkce setTimeout. Stane se to vÅ¡ak pozdÄ›ji, až poté, co již nastala událost unhandledrejection, takže se tím nic nezmÄ›ní.

Shrnutí

Zpracování příslibů je vždy asynchronní, jelikož všechny příslibové akce procházejí vnitřní frontou „příslibových úkolů“, nazývanou také „fronta mikroúloh“ (pojem z V8).

Proto jsou handlery .then/catch/finally volány vždy až poté, co skončí aktuálnÄ› provádÄ›ný kód.

Jestliže potÅ™ebujeme zaručit, aby se část kódu spustila až po .then/catch/finally, můžeme ji pÅ™idat do zÅ™etÄ›zeného volání .then.

Ve většině motorů JavaScriptu, včetně prohlížečů a Node.js, je koncept mikroúloh úzce spojen se „smyčkou událostí“ a „makroúlohami“. Protože tyto záležitosti přímo nesouvisejí s přísliby, probereme je v jiné části tutoriálu v článku Smyčka událostí: mikroúlohy a makroúlohy.