Asinchroninis įvykių modelis JavaScript
Jūs žinote, kad naudojant metodą addEventListener
galima užsiprenumeruoti įvairius įvykius,
atsirandančius puslapio elementuose. Pavyzdžiui,
užsiprenumeruokime paspaudimą ant tam tikro elemento,
nuoroda į kurį saugoma kintamajame elem:
elem.addEventListener('click', function() {
console.log('1');
});
console.log('2');
Pateiktame kode pirmiausia bus vykdoma antroji komanda išvedimui į konsolę. O kada bus vykdoma pirmoji? Bet kada: šio kodo vykdymas laukia įvykusio įvykio - paspaudimo ant elemento. Kai tik tai įvyks, mūsų kodas ir bus vykdomas.
Paaiškinkite, kokia tvarka bus išvesti skaičiai į konsolę:
elem1.addEventListener('click', function() {
console.log('1');
});
elem2.addEventListener('click', function() {
console.log('2');
});