Asincronía del modelo de eventos en JavaScript
Usted sabe que con el método addEventListener
puede suscribirse a varios eventos
que ocurren en los elementos de la página. Por ejemplo,
suscribámonos a un clic en algún elemento,
cuya referencia se almacena en la variable elem:
elem.addEventListener('click', function() {
console.log('1');
});
console.log('2');
En el código proporcionado, primero se ejecutará la segunda impresión en la consola. ¿Cuándo se ejecutará la primera? En algún momento: la ejecución de este código espera a que ocurra el evento - un clic en el elemento. Tan pronto como esto suceda, nuestro código se ejecutará.
Explique, en qué orden se mostrarán los números en la consola:
elem1.addEventListener('click', function() {
console.log('1');
});
elem2.addEventListener('click', function() {
console.log('2');
});