Asinhronski dogodkovni model v JavaScriptu
Veste, da z metodo addEventListener
se lahko naročite na različne dogodke,
ki se pojavijo v elementih strani. Na primer,
naročimo se na klik na določen element,
katerega povezava je shranjena v spremenljivki elem:
elem.addEventListener('click', function() {
console.log('1');
});
console.log('2');
V navedeni kodi se bo najprej izvedel drugi izpis v konzolo. Kdaj se bo izvedel prvi? Kdajkoli: izvajanje te kode čaka na dogodek - klik na element. Takoj ko se to zgodi, se bo naša koda izvedla.
Povejte, v kakšnem vrstnem redu se bodo številke izpisale v konzolo:
elem1.addEventListener('click', function() {
console.log('1');
});
elem2.addEventListener('click', function() {
console.log('2');
});