Асінхроннасць падзейнай мадэлі ў JavaScript

Вы ведаеце, што з дапамогай метаду addEventListener можна падпісацца на розныя падзеі, якія ўзнікаюць у элементах старонкі. Напрыклад, падпішамся на клік па некаторым элеменце, спасылка на які захоўваецца ў зменнай elem:

javascriptelem.addEventListener('click', function() {
  console.log('1');
});

console.log('2');

У прыведзеным кодзе спачатку выканаецца другі вывад у кансоль. Калі ж выканаецца першы? Калі-небудзь: выкананне гэтага кода чакае здарыўшайся падзеі - кліку на элемент. Як толькі гэта адбудзецца, так наш код і выканаецца.

javascriptelem1.addEventListener('click', function() {
  console.log('1');
});
elem2.addEventListener('click', function() {
  console.log('2');
});