espero que se entienda mi duda, tengo una aplicación donde hago unas llamada a la base de datos y a la hora de utilizarlos datos recibidos me salen como undefined y creo que esto se debe a la asincronia. Me he estado informando de los Callback, Promesas y async/await y he decidido usar este último para mi aplicación pero no está funcionando y no se a que se debe.
El problema lo tengo en la funcion main()
. Aquí os dejo el código:
async main(){
console.time('measuring time');
this.objetos = await this.cargarobjetos();
this.itemsUser = await this.cargaritemspersonaje(this.user.nombre);
console.timeEnd('measuring time');
console.log(this.objetos);
console.log(this.itemsUser);
}
El método cargarobjetos()
me devuelve todos los objetos de la base de datos y su código es el siguiente:
cargarobjetos(){
this.objetosservice.getObjetos().subscribe(objects =>{
console.log(objects);
return objects;
})
}
Y al igual, en cargaritemspersonaje()
hago una llamada a la base de datos que me devuelve el id de los objetos que tiene ese personaje. Aquí el código:
cargaritemspersonaje(nombreUser){
this.objetosusuarioservice.getObjetos(nombreUser).subscribe(mostrar =>{
console.log(mostrar)
return mostrar;
})
}
El problema de esto es que pese al async await
cuando ejecuto la aplicación sigue mostrándomelos como undefined mostrandome antes los console.log
del main sin esperar a que terminen de ejecutarse el resto de funciones. Aquí dejo foto:
async/await
estas usando observables que es un paradigma de asincronía distinto al de promesas que esasync/await
y tendrias que ver como usarlos en tu aplicación de manera adecuada.