Model Acara Asinkron dalam JavaScript

Anda tahu bahawa dengan kaedah addEventListener anda boleh melanggan pelbagai acara yang berlaku dalam elemen halaman. Sebagai contoh, mari kita langgan klik pada beberapa elemen, pautan yang disimpan dalam pembolehubah elem:

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

console.log('2');

Dalam kod yang diberikan, output kedua ke konsol akan dilaksanakan terlebih dahulu. Bilakah yang pertama akan dilaksanakan? Pada suatu masa: pelaksanaan kod ini menunggu untuk berlakunya acara - klik pada elemen. Sebaik sahaja itu berlaku, kod kami akan dilaksanakan.

Terangkan, dalam susunan apakah nombor-nombor akan dipaparkan dalam konsol:

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