JavaScript'te Olay Tabanlı Modelin Asenkron Doğası
addEventListener metodu kullanarak
sayfa elemanlarında meydana gelen çeşitli olaylara
abone olabileceğinizi biliyorsunuz. Örneğin,
elem değişkeninde referansı tutulan bir elemana
tıklanma olayına abone olalım:
elem.addEventListener('click', function() {
console.log('1');
});
console.log('2');
Yukarıdaki kodda, önce ikinci konsol çıktısı çalıştırılacaktır. Peki birincisi ne zaman çalışacak? Bir zaman sonra: bu kodun çalışması, elemana tıklanması olayının gerçekleşmesini bekler. Bu olduğu anda, kodumuz çalışacaktır.
Konsola sayıların hangi sırayla yazılacağını açıklayın:
elem1.addEventListener('click', function() {
console.log('1');
});
elem2.addEventListener('click', function() {
console.log('2');
});
