Mfumo wa Matukio yasiyo ya Wakati Sawa katika JavaScript

Unajua kuwa kwa kutumia mbinu addEventListener unaweza kujiandikisha kwa matukio mbalimbali, yanaotokea kwenye vipengele vya ukurasa. Kwa mfano, tujiandikishe kwa kubofya kwa kipengele fulani, kiungo ambacho kinahifadhiwa kwenye kutofautisha elem:

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

console.log('2');

Katika msimbo ulioonyeshwa, kwanza itatekelezwa matokeo ya pili kwenye konsoli. Je, ya kwanza itatekelezwa lini? Wakati wowote: utekelezaji wa msimbo huu unasubiri tukio lililotokea - kubofya kwenye kipengele. Mara tu hii itakapotokea, ndivyo msimbo wetu utakavyotekelezwa.

Eleza, ni katika mpangilio gani nambari zitaonyeshwa kwenye konsoli:

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