Necesito ayuda con este problema que estoy experimentando (ya he buscado mucho el desbordamiento de Stack pero no pude resolverlo por mi cuenta).
Tengo la siguiente lógica "ficticia" para probar el comportamiento asíncrono/en espera:
const data = [1, 2, 3] async function newData() { return data } async function getData() { const fetchedData = await newData(); return fetchedData } console.log( (async () => await getData())() )Aunque he esperado todos los cumplimientos de Promise, los siguientes datos se devuelven desde el registro de la consola:
¿Qué estoy haciendo mal? ¿Por qué la Promesa no devuelve el valor pero permanece pendiente a pesar de que está 'cumplida'?
Gracias por adelantado.
Todas las funciones async devuelven una promesa. Es por eso que newData() , getData() y su IIFE async que ha enterrado en un console.log() TODOS devuelven una promesa. Cuando devuelve un valor de una función async , ese valor devuelto simplemente se convierte en el valor resuelto de la promesa que devuelve la función async . Una función async NUNCA devuelve el valor directamente.
Entonces, incluso esto:
(async () => await getData())() es una función async que devuelve una promesa.
Para obtener el valor resuelto de una función async , DEBE usar .then() o await :
// this must be inside an async function or // in an environment where top level await is allowed console.log(await getData());o:
getData().then(result => { console.log(result); });