CodeAventura
Asincronía y APIs en JavaScript
▸Fundamentos de asincronía▸Asincronía en JavaScript (primeros pasos)

Misión

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Asincronía y APIs</title>
  </head>
  <body>
    <h1>Asincronía y APIs</h1>
    <p id="estado">Listo para practicar</p>
    <script src="script.js"></script>
  </body>
</html>
●localhost:5173
Consola
02 / 14Asincronía en JavaScript (primeros pasos)
Anterior

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.