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:

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

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