Dotaz: Javascript: odmítnutí slibu (promise rejection)

[mica]

Zdravím, mám dotaz na sliby (promises) v Javascriptu a způsob jejich vypořádání.

Konkrétně potřebuju provést několik po sobě jdoucích a přesně načasovaných operací, k čemuž jsem využil sliby zřetězené pomocí metody then(). Po provedení všech úkonů potřebuju provést ještě další funkci prostřednictvím metody finally(). Aby ta však přišla ke slovu, je nutné, aby všechny zřetězené sliby byly důsledně vypořádány čili zejména aby bylo ošetřeno jejích odmítnutí (rejection) - a na to právě směruje můj dotaz nebo vlastně dotazy dva.

Jak je z ukázky vidět, splnění slibu je vázáno na určité podmínky (přítomnost prvku v dokumentu a jeho momentální poloha vůči viewportu) a když ty nejsou splněny, slib je odmítnut. Odmítnutí bych mohl zapsat zástupnou funkcí reject(), jak mám v komentáři, a vše by bylo bez problémů, ale když chci "vyhodit" vlastní výjimku ("throw"), na řádku 10 mi způsobí, že se mi do konzole vypíše, že výjimka nebyla zachycena ("uncaught"), a navíc se pak nevykoná funkce v metodě finally(); na řádku 15 nicméně zapsání výjimky zachyceno je. Proč tedy výjimka na řádku 10 není zachycena, kdežto na řádku 15 je?

Druhý dotaz se týká způsobu konečného vypořádání odmítnutí slibu uvnitř metody catch(). Samozřejmě se nabízí console.log() nebo console.error(), ale já do konzole nic vypisovat nechci (proč by se tam mělo něco vypisovat, když byl slib odmítnut čistě proto, že v dokumentu není přítomen určitý prvek (element), jehož přítomnost je volitelná). Jak mám tedy prostřednictvím metody catch() vypořádat odmítnutí slibu tak, aby se nikde nic nevypisovalo?

Doufám, že mé dotazy nejsou napsány nesrozumitelně.

...).then((val) => {
                classReplace(...val);
                return new Promise(function(resolve, reject) {
                    if (element) {
                        setTimeout(() => {
                            if (element.classList.contains("class1")) {
                                if (element.getBoundingClientRect().top + 500 < screenHeight) {
                                    resolve([element, "class1", "class2"])
                                } else {
(řádek 10)                          throw("element out of viewport") // nebo: reject("element out of viewport")
                                }
                            }
                        }, 800)
                    } else {
(řádek 15)              throw("element absent") // nebo: reject("element absent")
                    }

                })
            }).then(...)
            .catch(
                error => {
                    console.log(error)
                }).finally(...

Odpovědi

[nemam]

Vyjimka na radku 10 vyfajruje asynchronne, protoze je uvnitr setTimeout a ten je asynchornni.

[mica]

Uvítal bych rozvedení, takhle stručně to stále nechápu. Díky.

[kvr]

Tohle je funkce, která se předává do setTimeout() a která se pouští asynchronně, nezávisle na flow původní funkce:

() => {
                            if (element.classList.contains("class1")) {
                                if (element.getBoundingClientRect().top + 500 < screenHeight) {
                                    resolve([element, "class1", "class2"])
                                } else {
(řádek 10)                          throw("element out of viewport") // nebo: reject("element out of viewport")
                                }
                            }

Takže jakákoliv výjimka vypadne z téhle funkce, tak vybublá na console, bo ji nikdo nechytá. V době, kdy se tahle funkce pustí, je původní funkce pro Promise už dávno ukončená.