学ぶクラス内のプライベートプロパティの操作

メニューを表示するにはスワイプしてください

クラスベースのプログラミングでは、データの整合性を保護し、変更方法を制御するために、特定のプロパティへの直接アクセスを制限したい場合がよくあります。

プライベートプロパティとは

JavaScriptでは、クラスのプロパティは通常パブリックであり、クラスの外部からアクセスや変更が可能です。しかし、特定のプロパティへのアクセスを制限し、クラス内部のみでアクセスや変更ができるようにしたい場合があります。これらはプライベートプロパティと呼ばれます。

プライベートプロパティは、クラスの内部処理と外部コードの間に明確な境界を作るのに役立ちます。機密データを隠したい場合や、クラス外部からの意図しないプロパティの変更を防ぎたい場合に有効です。

これは自動車のエンジンのようなものです。運転中に車を操作することはできますが、エンジンの部品に直接アクセスすることはできません。エンジンは外部からの干渉から保護されており、認可された整備士（クラスメソッド）のみが調整を行うことができます。

クラス内でプライベートフィールドを宣言・使用する方法

JavaScriptでは、プライベートプロパティは # 構文（ES2020で導入）を使って宣言します。プロパティ名の前に # を付けることで、そのプロパティをプライベートにし、クラス内部のみでアクセス可能にします。


              12345678910111213141516171819202122
            
class Animal {
  #type; // Declaring a private field

  constructor(name, type) {
    this.name = name;
    this.#type = type; // Assigning a value to the private field
  }

  getInfo() {
    return `${this.name} is a ${this.#type} animal.`;
  }

  changeType(newType) {
    this.#type = newType; // Modifying the private field within the class
  }
}

const lion = new Animal('Lion', 'Wild');
console.log(lion.getInfo()); // Output: Lion is a Wild animal

// Attempt to access private field directly (this will cause an error)
console.log(lion.#type); // Uncaught SyntaxError: Private field '#type' must be declared in an enclosing class

この例では、#type はプライベートフィールド。Animal クラスの外部からアクセスや変更はできません。インスタンスから直接 #type にアクセスしようとすると（例: lion.#type）、構文エラーとなります。これにより、重要なデータや機密データがクラスで定義された制御されたメソッドを通じてのみ変更されることが保証されます。

プライベートプロパティの利点

プライベートプロパティは外部からのアクセスを防ぎ、機密データを保護。特定のメソッドを通じてのみデータが変更されるため、誤った変更や不正な変更のリスクを低減;
プライベートプロパティにより、実装の詳細をカプセル化し、内部ロジックをユーザーから隠蔽。関心の分離を促進し、コードのモジュール化を実現;
プライベートプロパティを使うことで、クラス内でのデータのアクセスや変更方法を細かく制御でき、明確に定義されたメソッドを通じてのみ変更が行われることを保証。

実例：銀行口座

銀行口座の残高管理という現実世界の例を考える。銀行では、口座の残高は保護されており、誰も直接アクセスしたり変更したりできない。入金や出金などの認可された手続きを通じてのみ操作が可能。同様に、クラス内でプライベートプロパティを使用することで、残高フィールドへの直接的なアクセスや変更を防ぐことができる。


              12345678910111213141516171819202122232425262728293031323334353637
            
class BankAccount {
  #balance; // Private field

  constructor(owner, initialBalance) {
    this.owner = owner;
    this.#balance = initialBalance;
  }

  // Method to deposit money
  deposit(amount) {
    if (amount > 0) {
      this.#balance += amount;
    }
  }

  // Method to withdraw money
  withdraw(amount) {
    if (amount > 0 && amount <= this.#balance) {
      this.#balance -= amount;
    }
  }

  // Method to get account balance
  getBalance() {
    return `Account balance for ${this.owner}: $${this.#balance}`;
  }
}

const account = new BankAccount('John', 1000);
account.deposit(500);
console.log(account.getBalance()); // Output: Account balance for John: $1500

account.withdraw(200);
console.log(account.getBalance()); // Output: Account balance for John: $1300

// Direct access to balance is not allowed
console.log(account.#balance); // SyntaxError: Private field '#balance' must be declared in an enclosing class