ความไม่ประสานกันของโมเดลเหตุการณ์ใน 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');
});