Formalmente, puedes declarar la respuesta en el scope global, y acceder a ella desde fuera de la función, pero es una mala idea.
En el siguiente ejemplo obtenervalor
devuelve una promesa (como toda función async) que se resuelve luego de un intervalo que no controlamos (como toda promesa, diría yo), con el mismo argumento que le pasamos. O sea es un echo
con demora aleatoria.
Si llamamos a la función tres veces ¿Cuál es el valor de la variable?
let variableGlobal;
async function generarValor(tag) {
return new Promise(resolve => {
setTimeout(() => resolve(tag), Math.random() * 1500)
})
}
const obtenerValor = async(tag) => {
variableGlobal = await generarValor(tag)
}
async function capturaResultado() {
Promise.all([
obtenerValor('primero'),
obtenerValor('segundo'),
obtenerValor('tercero')
]).then(() => {
console.log({
variableGlobal
})
})
}
capturaResultado();
La última en resolverse sobreescribe la variable global. Por eso el refrán:
“promesa que resuelve último, resuelve mejor” tm
Ahora imagínate debuggeando en una aplicación compleja dónde corchos se está modificando el valor de la variable que todos manipulan.
Lo correcto sería, en cambio, que el valor que te interesa provenga única y específicamente de la función que invocaste, y distintos llamados sean independientes entre sí, sacando los nocivos side-effects de la mesa.
async function generarValor(tag) {
return new Promise(resolve => {
setTimeout(() => resolve(tag), Math.random() * 1500)
})
}
const obtenerValor = async(tag) => {
return await generarValor(tag)
}
async function capturaResultado() {
obtenerValor('primero').then(primerValor => console.log({
primerValor
}))
const segundoValor = await obtenerValor('segundo')
console.log({
segundoValor
})
}
capturaResultado();
En ese ejemplo capturo un resultado con la sintaxis Promise...then
y otro con async...await
. No tengo idea en qué orden responderán, pero sí tengo seguridad de cuál resultado corresponde a qué variable.
respuesta
afuera de la funciónobtenervalor
.