Tengo una clase con un método ascyncrono que define varias propiedades de mi objeto, lo que quiero conseguir es obtener estas propiedades pero solo cuando ya fueron definidas por mi método, Algo asi como el evento load de los elementos html.
Dejo un ejemplo con setTimeout para demostrar que al cabo de 2 segundos la propiedad se define y ya puede ser accedida.
class AsyncClass {
constructor(){
this.img;
this.getImg();
}
// Metodo Asyncrono
getImg(){
new Promise(loadImg => {
let img = new Image();
img.onload = function(){
loadImg(this);
}
img.src = 'https://images7.alphacoders.com/803/803071.jpg';
}).then(img => {
this.img = img;
document.getElementById('image').src = this.img.src;
});
}
}
var a = new AsyncClass();
// Aqui mi objeto aun no esta definido
console.log(a.img);
// Espero 2 segundos para poder mostrar mi objeto
setTimeout(function(){
console.log(a.img);
},2000)
#image {
width: 200px;
height: 100px;
}
<img id="image"></img>