如何将异步函数包装在 Promise 中？

Question

我想在 Promise 中包装一个异步函数，以便它可以同步运行。我需要这样做，因为在继续执行我的程序之前，我需要检索依赖于异步函数的结果。

这是我的相关代码：

export abstract class OperationElement extends Sprite {

    private imagePath;

    abstract setPosition(mousePosition?, backgroundHeight?, backgroundWidth?) : void;

    loadTexture(){
         var _texture = PIXI.Texture.fromImage(this.imagePath);
         this.texture = _texture;
         console.log(this.height);
    }

    setImagePath(path : string){
         this.imagePath = path;
    }
}

运行异步的部分是var _texture = PIXI.Texture.fromImage(this.imagePath);这一行

纹理加载后，我可以得到纹理的高度。我需要纹理的高度才能继续执行我的程序。如何用一个 Promise 包装它以使其同步运行？

我在这里查看了其他一些问题，最相关的问题有一堆被否决且过时的答案，所以我回避了。

Answer 1

loadTexture():Promise<PIXI.Texture> {  
     return new Promise<PIXI.Texture>((resolve, reject) => {
         var image = new Image();
         image.src = this.imagePath;
         image.onload = () => {
             console.log(image.height);
             this.texture = PIXI.Texture.from(image);
             resolve(this.texture);
         }
         image.onerror = e => reject(e);
     });
}

Answer 2

你只需要一个简单的回调。

onTextureLoaded(){

    console.log( this.texture.height )
    this.texture.off('update', this.onTextureLoaded, this);

}

loadTexture(){
    var _texture = PIXI.Texture.fromImage(this.imagePath);
    this.texture = _texture;

    this.texture.on('update', this.onTextureLoaded, this);

}