Código síncrono y asíncrono en JavaScript
Consideremos el siguiente código:
console.log('1');
console.log('2');
Es obvio que primero se ejecutará la primera salida a la consola, y luego - la segunda. Es decir, los comandos de nuestro código se ejecutan uno tras otro - en el orden en que aparecen en el código. Este tipo de código se llama síncrono.
Consideremos ahora el siguiente código:
setTimeout(function() {
console.log('1');
}, 3000);
console.log('2');
En este caso, los comandos no se ejecutan en el orden de aparición en el código: la primera salida a consola se ejecutará cuando llegue su momento, pero el resto del código no espera ese momento, sino que continúa ejecutándose. Este tipo de código se llama asíncrono.
El código asíncrono surge en JavaScript con bastante frecuencia: al trabajar con temporizadores, al vincular manejadores de eventos, al cargar imágenes, al trabajar con la tecnología AJAX, que permite cargar partes de una página desde el servidor, al trabajar con NodeJS, que representa JavaScript del lado del servidor.
