【javascript基礎講座】クラスコンストラクタの内部で async/await を使う時の注意

            
            class HogeClass {
    async constructor(hoge) {
        // Promiseを返すなんらかのメソッド
        this.hogeContent = await initHogeAsync(hoge);
    }
}

//...

const hogeInstance = new HogeClass('hoge'); // Error!
        

            
            class HogeClass {
    // こちらのコンストラクタにはawaitで呼び出ししない
    constructor() {}

    static async hogeFactorywise(hoge) {
        const obj = new Hoge();
        // Promiseを返すなんらかのメソッド
        obj.hogeContent = await initHogeAsync(hoge);
        return obj;
    }
}

//...

const hogeInstance = await HogeClass.hogeFacorywise('hoge');
        

            
            const model = await tf.loadLayersModel(
    'https://storage.googleapis.com/tfjs-models/tfjs/iris_v1/model.json'
);
model.summary();
        

            
            import * as tf from '@tensorflow/tfjs';

export class HogeAsyncClass {
    config: any;
    decodedLayerModel: any;

    /**
     * staticなfactoryのような関数はconstructorの前に定義することが
     * 作法として推奨されいるようなので、この位置でメソッド定義
     */
    static async hogeFactorywise(args?: any): Promise<HogeAsyncClass> {
        const hogeObj = new HogeAsyncClass(args);
        // 👇Promiseから取り出したデータで初期化している
        hogeObj.decodedLayerModel = await tf.loadLayersModel('<...モデルを保存した場所までのディレクトリパス>/model.json');
        return hogeObj;
    }

    constructor(args?: any) {
        this.config = args.config;
    }
}
        

            
            const hogeInstance = await HogeAsyncClass.hogeFacorywise(<...通常のコンストラクタ引数>);