Postřehy k naslouchačům v JavaScriptu
Článek sdružující záložky, které se mi nahromadili a týkají se naslouchačů v JS.
Pokud pracujete s JavaScriptem, pravděpodobně se setkáte s mnoha situacemi, kdy potřebujete naslouchat určitým událostem a reagovat na ně. V tomto článku se budeme zabývat několika tipy a triky, které vám pomohou efektivně pracovat s naslouchači.
Attribute Event Scopes
Začneme tím, že se podíváme na [tip_dne] na fóru Kirupa. Zde je shrnuto, jak vlastně prohlížeč zpracovává:
1
2
3
4
5
6
<button onclick="console.log(doctype)">
Log doctype
</button>
<!-- click:
<!doctype html> (<- document.doctype)
-->
Ukázka z tipu, zajímá nás onclick
EventListener
Dalším užitečným zdrojem informací je [mdn]. Tato metoda umožňuje přidat naslouchače, který může být například přidán k určitému elementu a reagovat na různé události, jako je kliknutí myší nebo stisk klávesy na klávesnici apod.
Garbage Collection a naslouchači
Posledním tématem, na které se zaměříme, je [garbage_collection] a jeho vztah k naslouchačům. Naslouchače mohou být zdrojem úniku paměti v JavaScriptu, pokud nejsou správně odstraněny, když již nejsou potřebné. Tento článek se zaměřuje na to, jak můžete zkontrolovat a odstranit nepotřebné naslouchače, aby nedocházelo ke zbytečnému plýtvání pamětí.
Abortable Fetch
Uvádím jen poznámku, že AbortController má v JavaScriptu širší použití [abort].