He buscado en varias preguntas, pero no he podido encontrar una que coincida con mi caso.

La siguiente es la versión simplificada de mi código:

 function one() { let a; // does some fetching; takes about 1s a = 1; // value is obtained from above line return a; } function two() { let b; // does some fetching; takes about 2s b = 2; // value is obtained from above line return b; } function three() { let c; // does some fetching; takes about 0.5s c = 3; // value is obtained from above line return c; } var variables = []; function final() { variables.push(one()); variables.push(two()); variables.push(three()); } final(); console.log(variables);

Lo que da el código anterior es [] , mientras que el resultado deseado es [1, 2, 3] (el orden no importa).

Reconocí que la solución está profundamente relacionada con async/await y promises ( return new Promise(...) ), pero la implementación generalmente falla, ya sea porque la palabra clave await no hace nada o la promesa sale <pending> .

Además, a través de varios experimentos, descubrí que la palabra clave de return también se ejecuta de forma asíncrona, lo que significa que one() , two() y three() casi con seguridad devuelven undefined.

¿Hay alguna manera de obtener los valores devueltos de forma síncrona?

Edición 1: el código original funciona de la siguiente manera: (1) tres funciones diferentes obtienen json de diferentes API, lo que lleva algunos segundos, (2) cada función devuelve los datos analizados del json, luego (3) deja que el valor devuelto se inserte en var variables = []; formación. Debí haber agregado este texto en primer lugar.