TSの非同期関数の戻り値ってVScode上で型推論されないのでしょうか？

Question

Nuxtを使ってはいるのですが、非同期関数での戻り値を明示しているにもかかわらず例えば以下のようにresultにマウスオーバーしてもtestAsyncMethodの戻り値のPromise<Hoge>は表示されずanyとなるようです。

type Hoge = {
  huga: string
  piyo: number
}

type Funcs = {
  [key: string]: Function
}

const funcs : Funcs = {
 testAsyncMethod: async () : Promise<Hoge> => {
    const hoge = await returnHoge()
    return hoge
}

const result = await funcs.testAsyncMethod()

これはなぜでしょうか？例えば以下のようにHoge型であると明示すれば当然 Hoge 型だと表示してくれます。
通常関数の戻り値で型推論してくれると思うのですが、こちら非同期関数だからなのか、それともfuncsというオブジェクトの中の関数だから？だったりするのでしょうか？

const result: Hoge = await funcs.testAsyncMethod()

以上ご存じの方いましたら大変お手数ですがご教示いただけますと有難いです。
よろしくお願い致します。

Answer 1

type Funcs = {
  [key: string]: Function
}

おそらく、ここでメソッドにFunction型（何かわからない関数型）を与えているのが問題です。引数や返り値まできちんと定義しましょう。

Comments

[Hayato1201]

ご回答有難うございます！
ベストアンサーにしてからで申し訳ないのですが、Funcsの中身のメソッドの戻り値が色々なものがある場合どうすれば良いでしょうか？上記の例だとHoge型だけですが色々な戻り値を返す場合です。

[maisumakun]

メソッドごとに定義する、というのが正攻法です。

[Hayato1201]

ご返信有難うございます。それだとある関数群Funcsをimportして使いたいというような場合はどうするべきなのでしょうか？そもそもその設計が良く無いという感じですかね？？

[maisumakun]

＞ それだとある関数群Funcsをimportして使いたいというような場合はどうするべきなのでしょうか？

関数1つごとに型を付けるというのが理想ですが、それが不可能なら適宜キャストなどで補う他ありません。

[Hayato1201]

そうですよね！わざわざご返信ありがとうございました！