Az eseményvezérelt modell aszinkron jellege a JavaScriptben

Tudja, hogy a addEventListener metódussal fel lehet iratkozni az oldal elemeiben bekövetkező különböző eseményekre. Például, iratkozzunk fel egy elemre kattintás eseményére, melynek hivatkozása a elem változóban tárolódik:

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

console.log('2');

Az megadott kódban először a második konzolra íratás fog lefutni. Mikor fog lefutni az első? Valamikor: ennek a kódnak a végrehajtása a bekövetkezett eseményre vár - az elemre való kattintásra. Amint ez megtörténik, a kódunk is lefut.

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