web-dev-qa-db-ja.com

（ES6）クラス（ES2017）async / await getter

ES6クラスのgetterがES2017 await/async関数から値を返すことは可能ですか？.

class Foo {
    async get bar() {
        var result = await someAsyncOperation();

        return result;
    }
}

function someAsyncOperation() {
    return new Promise(function(resolve) {
        setTimeout(function() {
            resolve('baz');
        }, 1000);
    });
}

var foo = new Foo();

foo.bar.should.equal('baz');
ecmascript-6async-awaitecmascript-2017
47
Enki

あなたはこれを行うことができます

class Foo {
    get bar() {
        return (async () => {
            return await someAsyncOperation();
        })();
    }
}

これも同じです

class Foo {
    get bar() {
        return new Promise((resolve, reject) => {
            someAsyncOperation().then(result => {
                resolve(result);
            });
        })
    }
}
35
Fractalf

約束できるのはawaitのみで、async関数はpromise自体を返します。
もちろん、ゲッターはそのような約束をすることもできますが、通常の値との違いはありません。

16
Bergi

呼び出し側のawaitで値を取得できます。

class Foo {
    get bar() {
        return someAsyncOperation();
    }
}
async function test(){
  let foo = new Foo, val = await foo.bar;
  val.should.equal('baz');
}
6
kuboon