Mô hình sự kiện bất đồng bộ trong JavaScript

Bạn đã biết rằng bằng phương pháp addEventListener có thể đăng ký theo dõi các sự kiện khác nhau, xảy ra trong các phần tử của trang. Ví dụ, hãy đăng ký theo dõi sự kiện nhấp chuột vào một phần tử nào đó, mà liên kết đến nó được lưu trong biến elem:

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

console.log('2');

Trong đoạn mã trên, trước tiên câu lệnh thứ hai sẽ được thực thi và in ra console. Còn câu lệnh đầu tiên sẽ thực thi khi nào? Một lúc nào đó: việc thực thi đoạn mã này đang chờ đợi sự kiện xảy ra - một cú nhấp chuột vào phần tử. Ngay khi điều đó xảy ra, đoạn mã của chúng ta sẽ được thực thi.

Hãy giải thích, các số sẽ được in ra console theo thứ tự nào:

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