Asynchronní povaha událostního modelu v JavaScriptu
Víte, že pomocí metody addEventListener
se můžete přihlásit k odběru různých událostí,
které vznikají v prvcích stránky. Například,
přihlásíme se ke kliknutí na určitý prvek,
jehož odkaz je uložen v proměnné elem:
elem.addEventListener('click', function() {
console.log('1');
});
console.log('2');
V uvedeném kódu se nejdříve provede druhý výstup do konzole. Kdy se provede první? Až někdy: provedení tohoto kódu čeká na nastalou událost - kliknutí na prvek. Jakmile k tomu dojde, tak se náš kód provede.
Řekněte, v jakém pořadí se vypíšou čísla do konzole:
elem1.addEventListener('click', function() {
console.log('1');
});
elem2.addEventListener('click', function() {
console.log('2');
});