Model Event Asinkronus dalam JavaScript
Anda tahu bahwa dengan metode addEventListener
Anda dapat berlangganan berbagai event,
yang muncul dalam elemen halaman. Sebagai contoh,
mari berlangganan klik pada suatu elemen,
tautan yang disimpan dalam variabel elem:
elem.addEventListener('click', function() {
console.log('1');
});
console.log('2');
Dalam kode yang diberikan, output kedua ke konsol akan dieksekusi terlebih dahulu. Kapan yang pertama akan dieksekusi? Kapan saja: eksekusi kode ini menunggu terjadinya event - klik pada elemen. Segera setelah itu terjadi, kode kita akan dieksekusi.
Jelaskan, dalam urutan apa angka-angka akan ditampilkan di konsol:
elem1.addEventListener('click', function() {
console.log('1');
});
elem2.addEventListener('click', function() {
console.log('2');
});