Asynchronicité du modèle événementiel en JavaScript

Vous savez qu'avec la méthode addEventListener on peut s'abonner à divers événements, survenant dans les éléments de la page. Par exemple, abonnons-nous à un clic sur un certain élément, dont le lien est stocké dans la variable elem :

javascriptelem.addEventListener('click', function() {
  console.log('1');
});

console.log('2');

Dans le code donné, c'est la deuxième impression dans la console qui s'exécutera d'abord. Quand la première s'exécutera-t-elle ? Un jour : l'exécution de ce code attend qu'un événement se produise - un clic sur l'élément. Dès que cela arrivera, notre code s'exécutera.

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