JavaScriptda hodisalar modelining asinxronligi

Siz bilasizki, addEventListener usuli yordamida sahifa elementlarida yuz beradigan turli xil hodisalarga obuna bo'lish mumkin. Masalan, keling, elem o'zgaruvchisida saqlanayotgan ba'zi bir elementga bosish hodisasiga obuna bo'lamiz:

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

console.log('2');

Keltirilgan kodda avval ikkinchi chiqish konsolda bajariladi. Birinchi qachon bajariladi? Qachondir: ushbu kodning bajarilishi sodir bo'ladigan hodisani - elementga bosilishini kutadi. Qachonki bu sodir bo'lsa, shunda bizning kodimiz bajariladi.

Konsolda raqamlar qanday tartibda chiqarilishini tushuntiring:

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