JavaScript-də Hadisə Modelinin Asinxronluğu

Bilirsiniz ki, addEventListener metodu ilə səhifə elementlərində baş verən müxtəlif hadisələrə abunə ola bilərsiniz. Məsələn, gəlin bəzi bir elementə klik hadisəsinə abunə olaq, elementin istinadı elem dəyişənində saxlanılır:

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

console.log('2');

Göstərilən kodda əvvəlcə ikinci konsol çıxışı icra olunacaq. Bəs birinci nə vaxt icra olunacaq? Hansısa vaxt: bu kodun icrası baş verəcək hadisəni - elementə klik edilməsini gözləyir. Bu baş verən kimi, bizim kodumuz da icra olunacaq.

Konsolda rəqəmlər hansı ardıcıllıqla çıxacaq, izah edin:

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