public、private、protected修飾子

ようこそ

public：どこからでもアクセス可能

class Car {
  public brand: string;
  constructor(brand: string) { this.brand = brand; }
}
const c = new Car('Toyota');
console.log(c.brand); // OK

private：クラス内からのみアクセス可能

class BankAccount {
  private balance: number = 0;
  deposit(n: number) { this.balance += n; }
}
const a = new BankAccount();
// a.balance; // Error!

protected：クラスとサブクラスからアクセス可能

class Animal {
  protected name: string;
  constructor(name: string) { this.name = name; }
}
class Dog extends Animal {
  bark() { console.log(this.name + ' says woof!'); } // OK
}

コンパイル時のみの強制

#によるJavaScriptのプライベートフィールド

class Counter {
  #count = 0; // runtime private (JavaScript)
  increment() { this.#count++; }
  get value() { return this.#count; }
}

readonly修飾子

class User {
  readonly id: number;
  constructor(id: number) { this.id = id; }
}
const u = new User(1);
// u.id = 2; // Error!

修飾子の組み合わせ

class Config {
  constructor(
    public readonly host: string,
    private readonly port: number
  ) {}
}

コンストラクターでのprivate

class Singleton {
  private static instance: Singleton;
  private constructor() {}
  static getInstance(): Singleton {
    return this.instance ??= new Singleton();
  }
}

protectedコンストラクター

class Base {
  protected constructor(public id: number) {}
}
class Derived extends Base {
  constructor(id: number) { super(id); }
}

アクセス修飾子は実行時のオーバーヘッドを追加しない

確認問題

まとめ