0

下記の非同期で書かれたコードをクラスのメソッドとして定義したいのですが、上手くいきません。どのようにコードを書いたら良いでしょうか?
asyncを使用した関数はクラスメソッドに定義出来ないようなのでラップしたら上手く行くと思ったのですが this.wait(num) 推奨しない書き方と注意が入るのと、実行しても何も出力されません。予定では 0,1が出力されます。
詳しい方、助けて下さいお願いします。

function wait(num){
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            console.log(num);
            if(num === 2){
                reject(num);
            }else{
                resolve(num);
            }
        }, 100);
    });
}


async function init(){
    let num = 0
    try{
        num = await wait(num);
        num++;
        num = await wait(num);
        num++;

    }catch(e){
        throw new Error('Error is occured', e);

    }
    return num;//Promiseでラップされた値が返る。
}

init();//戻り値がPromiseなのでそのままthenメソッドが使用できる。

イメージとして下記のようにしたいが上手く動作しない。

class test {
    constructor(){
        this.init()
    }
    
    wait(num){
        return new Promise((resolve, reject) => {
            setTimeout(() => {
                console.log(num);
                if(num === 2){
                    reject(num);
                }else{
                    resolve(num);
                }
            }, 100);
        });
    }
    
    init() {
        async function init(){
            let num = 0
            try{
                num = await this.wait(num);
                num++;
                num = await this.wait(num);
                num++;
        
            }catch(e){
                throw new Error('Error is occured', e);
        
            }
            return num;//Promiseでラップされた値が返る。
        }
    }
}

new test()

1 件の回答 1

0

classのメソッド定義でもasync/awaitは利用可能です。ただし、constructorでのasync定義はsyntax errorとなるため、初期化後に非同期関数を実行することになります。

class test {
    async wait(num) {
        return new Promise((resolve, reject) => {
            setTimeout(() => {
                console.log(num);
                if (num === 2) {
                    reject(num);
                }
                else {
                    resolve(num);
                }
            }, 100);
        });
    }
    async init() {
        let num = 0;
        try {
            num = await this.wait(num);
            num++;
            num = await this.wait(num);
            num++;
        }
        catch (e) {
            throw new Error(e); // Errorは引数を1つしか取りません
        }
        return num; //Promiseでラップされた値が返る。
    }
}
new test().init();

1
  • ありがとうございます。上手くいきました。
    – wataru
    Commented 2020年12月7日 7:13

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。