Асінхроннасць падзейнай мадэлі ў JavaScript
Вы ведаеце, што з дапамогай метаду addEventListener
можна падпісацца на розныя падзеі,
якія ўзнікаюць у элементах старонкі. Напрыклад,
падпішамся на клік па некаторым элеменце,
спасылка на які захоўваецца ў зменнай elem
:
elem.addEventListener('click', function() {
console.log('1');
});
console.log('2');
У прыведзеным кодзе спачатку выканаецца другі вывад у кансоль. Калі ж выканаецца першы? Калі-небудзь: выкананне гэтага кода чакае здарыўшайся падзеі - кліку на элемент. Як толькі гэта адбудзецца, так наш код і выканаецца.
Раскажыце, у якім парадку выведуцца лікі ў кансоль:
elem1.addEventListener('click', function() {
console.log('1');
});
elem2.addEventListener('click', function() {
console.log('2');
});