Ασυγχρονία του μοντέλου συμβάντων στο JavaScript

Γνωρίζετε ότι με τη μέθοδο addEventListener μπορείτε να εγγραφείτε σε διάφορα συμβάντα, που προκύπτουν στα στοιχεία της σελίδας. Για παράδειγμα, ας εγγραφούμε στο κλικ σε κάποιο στοιχείο, ο σύνδεσμος για το οποίο αποθηκεύεται στη μεταβλητή elem:

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

console.log('2');

Στον παραπάνω κώδικα, πρώτα θα εκτελεστεί η δεύτερη εγγραφή στην κονσόλα. Πότε θα εκτελεστεί η πρώτη; Κάποια στιγμή: η εκτέλεση αυτού του κώδικα περιμένει να συμβεί το συμβάν - κλικ στο στοιχείο. Μόλις αυτό συμβεί, τότε ο κώδικάς μας θα εκτελεστεί.

Πείτε, με ποια σειρά θα εμφανιστούν οι αριθμοί στην κονσόλα:

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