Estoy tratando de ocultar la latencia de algún código que hace cálculos.
Ejemplos a continuación. En el primer caso a continuación, obtengo la respuesta esperada:
async function calculateStuff(thing) { //do stuff here return {"a": a, "b": b, "c": c}; } const data = await calculateStuff(obj); //takes a while const first = data["a"] //valid data const second = data["b"] //valid data const third = data["c"] //valid dataMe gustaría ocultar la latencia de computeStuff haciendo cualquiera de las siguientes cosas, pero ambos métodos hacen que mis variables se vuelvan indefinidas:
async function calculateStuff(thing) { //do stuff here return {"a": a, "b": b, "c": c}; } data = calculateStuff(obj); //takes a while //...other calculations here... await data; const first = data["a"] //undefined const second = data["b"] //undefined const third = data["c"] //undefinedIgualmente:
async function calculateStuff(thing) { //do stuff here return {"a": a, "b": b, "c": c}; } data = calculateStuff(obj); //takes a while //...other calculations here... const first = await data["a"] //undefined const second = await data["b"] //undefined const third = await data["c"] //undefined¿Qué estoy haciendo mal?
Una función asíncrona devolverá una Promesa. Llamar await myAsyncFunction() devolverá el valor de la Promesa una vez que se cumpla la Promesa. Tenga en cuenta el return en la declaración anterior. No cambia el puntero en su lugar.
Por ejemplo, llamar a await data no cambia data .
Puede obtener el resultado que espera llamando a data = await data .
async function test() { return {a: 1, b: 2}; } async function run() { let data = test(); data = await data; console.log("A", data.a); } run(); También puede usar .then() .
async function test() { return {a: 1, b: 2}; } async function run() { let data = test(); data.then((out) => { console.log("A", out.a); }); } run();