Introducción a la Programación Asíncrona en JavaScript

Sintaxis:

  En este ejemplo, el mensaje "Fin" se imprime antes que el mensaje asíncrono, debido a la naturaleza no bloqueante de setTimeout:

Ejemplo

console.log("Inicio");

setTimeout(() => {
  console.log("Esto es asíncrono");
}, 2000);

console.log("Fin");

Explicación del ejemplo:

• console.log("Inicio"); imprime el mensaje "Inicio" de forma inmediata en la consola.
• setTimeout: Este es un método asíncrono que recibe una función de callback y un tiempo en milisegundos (en este caso, 2000 ms o 2 segundos). La función que pasa como callback se ejecuta después del tiempo especificado, sin bloquear la ejecución del resto del código.
• console.log("Fin"); se ejecuta inmediatamente después del primer console.log, ya que setTimeout no detiene el flujo principal.
• Después de 2 segundos, el mensaje "Esto es asíncrono" se imprime en la consola, cuando el callback pasado a setTimeout finalmente se ejecuta.

Orden de ejecución en la consola:

1. "Inicio"
2. "Fin"
3. "Esto es asíncrono" (después de 2 segundos)

Esto demuestra cómo JavaScript maneja tareas asíncronas y no bloquea la ejecución del resto del código mientras espera que se complete una operación.