Asynchrónnosť udalostného modelu v JavaScripte
Viete, že pomocou metódy addEventListener
sa môžete prihlásiť na rôzne udalosti,
vyskytujúce sa v prvkoch stránky. Napríklad,
prihlásme sa na kliknutie na nejaký prvok,
odkaz na ktorý je uložený v premennej elem:
elem.addEventListener('click', function() {
console.log('1');
});
console.log('2');
V uvedenom kóde sa najskôr vykoná druhý výstup do konzoly. Kedy sa vykoná prvý? Raz: vykonanie tohto kódu očakáva nastalú udalosť - kliknutie na prvok. Akonáhle sa to stane, tak sa náš kód vykoná.
Povedzte, v akom poradí sa vypíšu čísla do konzoly:
elem1.addEventListener('click', function() {
console.log('1');
});
elem2.addEventListener('click', function() {
console.log('2');
});
