TypeScriptにおいてクラス内で型定義について

Question

###概要
TypeScriptにて、クラス内のメソッドの「戻り値」や、メソッド内の「変数」の型を事前に定義したいと思います。
これらを事前に定義したい理由について、これらの値は複雑なオブジェクトが入る為、その都度に型定義をするより一箇所にまとめて置いた方がいいと思ったのが理由です。

###サンプルコード

class test_code {
  async test():Promise<any> {
    type obj_type = {
      name:string,
      address:string,
      zipcode:string
    }[];
    const obj:obj_type = [];
    obj.push({"name":"aaa", address:"aaa",zipcode:"5550000"});
    return  obj
  }
}
const start = new test_code();
start.test();

上記のコードにて型宣言を行っている「type obj_type」は「const obj」と戻り値の「Promise<any>」と型の内容は同じになります。
しかし、「const obj」は型として指定出来ますが、Promise<any>には型として指定出来ません。

またtype型宣言をclass直下に置くとエラーになってしまいます。

どのように書くのが理想なのでしょうか？
ご指摘お願いします。

Answer 1

こんにちは

どのように書くのが理想なのでしょうか？

理想的かどうかは分かりませんが、自分ならこう書くかなと思うコードは以下です。

type PersonalAddress = { name: string; address: string; zipcode: string; }

class TestCode {
  async test(): Promise<PersonalAddress[]> {
    const obj: PersonalAddress[] = []
    obj.push({ name: 'aaa', address: 'aaa', zipcode: '5550000' })
    return obj
  }
}

// 動作確認
;(async () => {
  const start = new TestCode()
  const addresses: PersonalAddress[] = await start.test()
  console.log(addresses)
})()

• **動作確認用CodePen: **https://codepen.io/jun68ykt/pen/dyyrwjq?editors=0012

すなわち、any を使わないで、 { name: string; address: string; zipcode: string; } に型を定義しておきます。上記の例だと、PersonalAddress いう型名にしています。こうすると、testメソッドを使う際にも

const addresses: PersonalAddress[] = await start.test()

のようにして、test() の返す値を入れる変数にも、その型を使うことができます。

以上、参考になれば幸いです。

Comments

[yuki_90453]

勉強になりました。