10. Asincronía: ¡A esperar sin bloquear! 🔗
¿Qué es una Promesa?
Es un objeto que representa algo que va a ocurrir en el futuro: ¡Prometo traerte los datos que me pediste!. Puede estar pendiente, cumplida (success) o rechazada (error).
fetch.js
JAVASCRIPT
1 // Definición moderna (Async / Await)
2 async function obtenerDatos() {
3 const respuesta = await fetch("https://api.ejemplo.com/servicios");
4 const datos = await respuesta.json();
5
6 console.log(datos);
7 }
8
9 obtenerDatos();
El poder de Fetch
Fetch es el comando que lanza una petición a una URL (un servidor) para traer información.
pokemon.js
JAVASCRIPT
1 // Una forma compacta con promesas encadenadas (.then)
2 fetch("https://pokeapi.co/api/v2/pokemon/pikachu")
3 .then(res => res.json())
4 .then(pokemon => {
5 console.log("Nombre del pokemon: " + pokemon.name);
6 });
💻 Misión: Crea tu propia función asíncrona
Escribe una función asincrónica que llame a una API y espere el resultado usando la sintaxis moderna await.
👁️ Ver solución sugerida
JS
JAVASCRIPT
1 async function miPedido() {
2 let res = await fetch("...");
3 let final = await res.json();
4 return final;
5 }
