クラスの型注釈

class ClassName {
  propertyName: Type;

  constructor(arg: Type) {
    this.propertyName = arg;
  }

  methodName(arg: Type): ReturnType {
    // ...
  }
}

class Person {
  readonly id: number;
  name: string;
  affiliation: string;

  constructor(id: number, name: string, affiliation: string) {
    this.id = id;
    this.name = name;
    this.affiliation = affiliation;
  }

  greet(): string {
    return `こんにちは、${this.affiliation}の${this.name}です。`;
  }

  introduce(): void {
    console.log(this.greet());
  }
}

const member = new Person(1, 'member_1', '開発部');
console.log(member.greet());
member.introduce();

// member.id = 99; // エラー: readonly プロパティには代入できない

// コンストラクタ引数の省略記法（アクセス修飾子と組み合わせる）
class Point {
  constructor(
    public x: number,
    public y: number
  ) {}

  distance(): number {
    return Math.sqrt(this.x ** 2 + this.y ** 2);
  }
}

const p = new Point(3, 4);
console.log(p.distance()); // 5

実行すると次のように出力されます。

npx ts-node ts_class_type.ts
こんにちは、開発部のmember_1です。
こんにちは、開発部のmember_1です。
5

TypeScript のクラスでは、プロパティを宣言してから代入するか、コンストラクタ引数に アクセス修飾子（『public』『private』など）を付けることでプロパティ宣言と初期化を同時に行う省略記法が使えます。

『readonly』を付けたプロパティはコンストラクタ内でのみ代入でき、それ以降は変更できません。オブジェクトの不変性を保つための基本的な手段として有効です。

クラスは型としても機能します。インターフェースをクラスに適用するには implements を使い、継承には JavaScript 標準の『extends』を使います。