TypeScript でクラスに型を指定したい場合は、どうすればいいのでしょうか。

例えば、次のクラスがあったとします。

class Profile {
  constructor(name, age) {
    this.name = name
    this.age = age
  }
}

今のところ、nameageに型指定をしていないので、型がないと指摘されます。

image2

class に型を指定する場合は、class名 {}の一番上に型を指定します。

class Profile {
  name: string
  age: number

  constructor(name, age) {
    this.name = name
    this.age = age
  }
}

確認すると、

image3 nameに型指定ができました。

しかし、constructornameageは、any 型になっています。

image4

constructornameageも型指定をします。

class Profile {
  name: string
  age: number

  constructor(name: string, age: number) {
    this.name = name
    this.age = age
  }
}

image5

constructor にも型指定ができました。

class Profile {
  name: string
  age: number

  constructor(name: string, age: number) {
    this.name = name
    this.age = age
  }
}

let tanaka = new Profile("田中", 16)

console.log(tanaka)

image6

Profileクラスのインスタンスもできました。

ブログ一覧