Asynkron händelsemodell i JavaScript
Du vet att med metoden addEventListener
kan du prenumerera på olika händelser
som uppstår i sidans element. Till exempel,
låt oss prenumerera på ett klick på ett visst element,
där referensen till det lagras i variabeln elem:
elem.addEventListener('click', function() {
console.log('1');
});
console.log('2');
I den givna koden kommer den andra utskriften till konsolen att utföras först. När kommer den första att utföras? När som helst: exekveringen av denna kod väntar på att en händelse inträffar - ett klick på elementet. Så snart det händer, kommer vår kod att köras.
Berätta i vilken ordning siffrorna kommer att visas i konsolen:
elem1.addEventListener('click', function() {
console.log('1');
});
elem2.addEventListener('click', function() {
console.log('2');
});