Asynchroon model van gebeurtenissen in JavaScript

Je weet dat je met de methode addEventListener kunt inschrijven voor verschillende gebeurtenissen die op de pagina-elementen voorkomen. Laten we ons bijvoorbeeld inschrijven voor een klik op een bepaald element, waarvan de link is opgeslagen in de variabele elem:

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

console.log('2');

In de gegeven code wordt eerst de tweede console.log uitgevoerd. Wanneer wordt de eerste uitgevoerd? Op een gegeven moment: de uitvoering van deze code wacht op de gebeurtenis - een klik op het element. Zodra dit gebeurt, wordt onze code uitgevoerd.

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