Ereignisgesteuerte Asynchronität in JavaScript

Sie wissen, dass mit der Methode addEventListener man sich auf verschiedene Ereignisse registrieren kann, die in Seitenelementen auftreten. Zum Beispiel, registrieren wir uns für einen Klick auf ein bestimmtes Element, dessen Referenz in der Variable elem gespeichert ist:

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

console.log('2');

Im gezeigten Code wird zuerst die zweite Ausgabe in der Konsole ausgeführt. Wann wird die erste ausgeführt? Irgendwann: Die Ausführung dieses Codes wartet auf das Eintreten des Ereignisses - des Klicks auf das Element. Sobald das passiert, wird unser Code ausgeführt.

Erklären Sie, in welcher Reihenfolge die Zahlen in der Konsole ausgegeben werden:

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