Asincronía en JavaScript (primeros pasos)

Qué vamos a observar

En la clase anterior viste que algunas tareas se ejecutan después. Ahora vamos a practicarlo con ejemplos concretos de orden en consola.

Qué nos importa aquí:

• qué se ejecuta ahora
• qué se ejecuta después
• en qué orden aparece en consola

Dos temporizadores, dos tiempos

Salida esperada en consola (orden):

1. 1. Inicio del programa
2. 2. Fin del bloque principal
3. 3. Timeout de 0ms
4. 4. Timeout de 1000ms

Qué te está mostrando este ejemplo

• El código principal termina primero.
• Luego se ejecutan tareas programadas.
• Un timeout de 0ms no significa “instantáneo en esa misma línea”.

Otro ejemplo corto

Salida esperada en consola (orden):

1. A
2. B
3. C

Idea clave de la clase

Para empezar, solo necesitas esta regla:

• lo síncrono se ejecuta primero
• lo programado con setTimeout se ejecuta después

Más adelante ya veremos internamente por qué ocurre eso.

Tu desafío 🚀

1. Escribe un ejemplo con dos setTimeout (uno con 0 y otro con 1000)
2. Añade logs antes y después
3. Comprueba en consola el orden exacto

Cuando entiendes el orden real, dejas de programar por intuición y empiezas a programar con control.