TypeScriptでthisの型を指定する方法 #TypeScript

さっそく結論ですが TypeScript のバージョン 2.3 から ThisType という組み込みの型が使えるためこれを利用します。

const obj: ThisType<{ name: string }> = {
  test() {
    return this.name; // 推論できる
  }
};

日常的にはあまり使われないかもしれませんが、ライブラリの型定義などであると便利な型です。

例えば Vue.js で TypeScript を用いる際、this の型が推論されるのはライブラリ内部で ThisType を用いて型定義が行われているおかげです。

参考