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:

elem.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.

Mondja el, milyen sorrendben jelennek meg a számok a konzolon:

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