Asynchroon model van gebeurtenissen in JavaScript
Je weet dat je met de methode addEventListener
kunt inschrijven voor verschillende gebeurtenissen
die op de pagina-elementen voorkomen. Laten we ons bijvoorbeeld
inschrijven voor een klik op een bepaald element,
waarvan de link is opgeslagen in de variabele elem:
elem.addEventListener('click', function() {
console.log('1');
});
console.log('2');
In de gegeven code wordt eerst de tweede console.log uitgevoerd. Wanneer wordt de eerste uitgevoerd? Op een gegeven moment: de uitvoering van deze code wacht op de gebeurtenis - een klik op het element. Zodra dit gebeurt, wordt onze code uitgevoerd.
Leg uit in welke volgorde de getallen in de console worden weergegeven:
elem1.addEventListener('click', function() {
console.log('1');
});
elem2.addEventListener('click', function() {
console.log('2');
});
