Soy relativamente nuevo en la programación javascript asíncrona. Al usar la función d3.scv de la biblioteca d3, me encontré con un problema en el que, al esperar los resultados de la promesa de d3.csv dentro del alcance de una función asíncrona, puedo acceder directamente al valor resuelto, pero cuando devuelvo este valor resuelto Me sale una promesa pendiente.
Código
async function generateCountryData(){ let csvData = await d3.csv("./data/data.csv", (d) => { return { "id" : +d["id"], // The '+' turns a string into a number "country" : d["name"], "faction" : +d["overlord"] } }); let dataArray = csvData.map(Object.values); // LOG 1 console.log(dataArray); return dataArray; } // LOG 1: Array(58) // Returns: Promise {<pending>} "fulfilled"[[PromiseResult]]: Array(58) async function func1() { let result = await generateCountryData(); // LOG 2 console.log(result); return result; } // LOG 2: Array(58) // Returns: Promise {<pending>} "fulfilled"[[PromiseResult]]: Array(58)Como no quiero definir una nueva función asíncrona cada vez que quiero acceder a esta matriz, quiero saber cómo puedo devolver un valor resuelto definido que no sea una promesa pendiente.
Es molesto, pero así es como funciona. Cualquier cosa que necesite acceso al resultado de una operación asíncrona debe ser asíncrona.
Entonces, si bien existen diferentes patrones para lidiar con esto (devoluciones de llamada, observadores, promesas), no puede evitarlo, así que es mejor aceptarlo.
No puede convertir código asíncrono en código no asíncrono. Un artículo interesante sobre esto:
https://journal.stuffwithstuff.com/2015/02/01/de-que-color-es-tu-funcion/