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:

javascriptelem.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.

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