TypeScriptのクラスとコンストラクター

ようこそ

プロパティを含むクラス宣言

class Person {
  name: string;
  age: number;

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

パラメータプロパティの省略記法

class Person {
  constructor(
    public name: string,
    private age: number
  ) {} // properties created automatically
}

型付きメソッド

class Calculator {
  add(a: number, b: number): number {
    return a + b;
  }
}

ゲッターとセッター

class Circle {
  constructor(private radius: number) {}
  get area(): number { return Math.PI * this.radius ** 2; }
  set r(v: number) { this.radius = v; }
}

型としてのクラス

class Dog { name = 'Rex'; bark() { return 'Woof'; } }
const d: Dog = new Dog();

静的メンバー

class MathHelper {
  static PI = 3.14159;
  static square(n: number): number { return n * n; }
}
console.log(MathHelper.PI);

クラスの継承

class Animal {
  constructor(public name: string) {}
  speak(): string { return '...'; }
}
class Dog extends Animal {
  speak(): string { return 'Woof!'; }
}

抽象クラス

abstract class Shape {
  abstract area(): number;
  describe(): string { return `Area: ${this.area()}`; }
}
class Square extends Shape {
  constructor(private side: number) { super(); }
  area() { return this.side ** 2; }
}

クラスにおけるthis型

class Builder {
  private parts: string[] = [];
  add(p: string): this { this.parts.push(p); return this; }
  build(): string { return this.parts.join(','); }
}

クラスとインターフェースと型

確認問題

まとめ