TypeScriptのコンストラクタ入門：プロパティ初期化とアクセス修飾子の使い方

class User {
  // プロパティの宣言
  name: string;
  age: number;

  // コンストラクタの定義
  constructor(name: string, age: number) {
    // メンバ変数への代入
    this.name = name;
    this.age = age;
    console.log("ユーザーのインスタンスを作成しました。");
  }

  displayProfile() {
    console.log(`名前: ${this.name}, 年齢: ${this.age}`);
  }
}

// インスタンスの生成
const user1 = new User("田中太郎", 25);
user1.displayProfile();

ユーザーのインスタンスを作成しました。
名前: 田中太郎, 年齢: 25

class ModernUser {
  // コンストラクタの引数に修飾子を付けるだけでプロパティになる
  constructor(public name: string, private age: number) {
    // 内部での代入処理は不要
  }

  showInfo() {
    console.log(`${this.name}さんの年齢は${this.age}歳です。`);
  }
}

const user2 = new ModernUser("佐藤花子", 30);
user2.showInfo();
console.log(user2.name); // publicなのでアクセス可能
// console.log(user2.age); // エラー：privateなので外部からアクセス不可

佐藤花子さんの年齢は30歳です。
佐藤花子

class BankAccount {
  // 残高をprivateで保護
  constructor(private balance: number) {}

  deposit(amount: number) {
    if (amount > 0) {
      this.balance += amount;
      console.log(`${amount}円入金しました。現在の残高は${this.balance}円です。`);
    }
  }
}

const myAccount = new BankAccount(1000);
myAccount.deposit(500);
// myAccount.balance = 1000000; // コンパイルエラーになる

500円入金しました。現在の残高は1500円です。

class Product {
  // IDは後から変更できないようにする
  constructor(public readonly id: string, public name: string) {}
}

const item = new Product("P-001", "ワイヤレスマウス");
// item.id = "P-002"; // エラー：読み取り専用プロパティのため代入不可
item.name = "ゲーミングマウス"; // これは可能

class Animal {
  constructor(public species: string) {
    console.log(`動物(${species})が生成されました。`);
  }
}

class Dog extends Animal {
  // 子クラス独自のプロパティを追加
  constructor(public name: string) {
    // 親クラスのコンストラクタを呼び出す
    super("犬");
    console.log(`名前は${this.name}です。`);
  }
}

const myDog = new Dog("ポチ");

動物(犬)が生成されました。
名前はポチです。

class Point {
  x: number;
  y: number;

  // コンストラクタのシグネチャ（定義）
  constructor(x: number, y: number);
  constructor(s: string);
  
  // 実際の実装（全パターンをカバーできる型にする）
  constructor(arg1: any, arg2?: any) {
    if (typeof arg1 === "string") {
      const parts = arg1.split(",");
      this.x = parseInt(parts[0]);
      this.y = parseInt(parts[1]);
    } else {
      this.x = arg1;
      this.y = arg2;
    }
  }
}

const p1 = new Point(10, 20);
const p2 = new Point("30,40");
console.log(`p1: ${p1.x}, ${p1.y}`);
console.log(`p2: ${p2.x}, ${p2.y}`);

p1: 10, 20
p2: 30, 40

class UserProfile {
  constructor(public username: string) {
    // バリデーションの実施
    if (username.length === 0) {
      throw new Error("ユーザー名は1文字以上である必要があります。");
    }
    if (username.length > 20) {
      throw new Error("ユーザー名が長すぎます。");
    }
  }
}

try {
  const invalidUser = new UserProfile("");
} catch (e) {
  if (e instanceof Error) {
    console.error(e.message);
  }
}

ユーザー名は1文字以上である必要があります。