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');
});