Notikumu modela asinhronitāte JavaScript
Jūs zināt, ka ar metodi addEventListener
var abonēties uz dažādiem notikumiem,
kas rodas lapas elementos. Piemēram,
abonēsimies uz klikšķi uz kāda elementa,
kuram saite ir saglabāta mainīgajā elem:
elem.addEventListener('click', function() {
console.log('1');
});
console.log('2');
Dotajā kodā vispirms tiks izpildīts otrais izvads konsolē. Kad tad tiks izpildīts pirmais? Kadreiz: šī koda izpilde gaida notikušo notikumu - klikšķi uz elementa. Tiklīdz tas notiks, mūsu kods tiks izpildīts.
Pastāstiet, kādā secībā tiks izvadīti skaitļi konsolē:
elem1.addEventListener('click', function() {
console.log('1');
});
elem2.addEventListener('click', function() {
console.log('2');
});