Tengo una función asíncrona en el archivo JS. Y una página html donde quiero usar un resultado de esta función.
Archivo JS
async function Tokens_per_owner() { let tokens_owner = await contract.nft_tokens_for_owner({account_id: window.accountId.toString() }); let user_tokens = []; for (let i in tokens_owner) { user_tokens.push(tokens_owner[i]['token_id']); } return user_tokens; } window.onload = async () => { const array_user_tokens = await Tokens_per_owner(); };ventana.array_user_tokens = array_user_tokens;
y mi pagina html
<script src="./wallet.js"></script> <script type="text/javascript"> console.log(window.array_user_tokens);</script>consola.log no funciona. ¿Cómo puedo obtener array_user_tokens en mi página html?
La solicitud asíncrona, en Javascript, puede ser notoriamente difícil de entender. Su console.log no funciona, ya que lo está ejecutando antes de que se complete la solicitud asincrónica. Tomemos, por ejemplo, el siguiente fragmento. Tenemos una función asíncrona que tarda 5 segundos en ejecutarse.
const myFunction = async function() { await new Promise(resolve => { setTimeout(() => resolve(true), 5000); }); } window.onload = async () => { await myFunction(); console.log('called from function'); }; <script> console.log('called from html'); </script> Puede ver que, incluso si el tiempo de espera es de solo 1 ms, su console.log se ejecutará después del HTML. Tienes el mismo problema.
Cuando desee usar una función asíncrona, todo lo que usó algo de esa función asíncrona también debe ser asíncrono.
No estoy seguro de cómo desea usar la matriz window.array_user_tokens , pero debe usarla después de la llamada a la función asíncrona, en la devolución de llamada window.onLoad .
esta pregunta aborda este problema muy bien. Le sugiero que busque en sus respuestas.