JavaScript ES6 クラスでプライベート プロパティを作成してアクセスするにはどうすればよいですか?

JavaScript ES6 クラスのプライベート プロパティ

概要

以前の JavaScript バージョンでは、クラス プロパティ同じクラス インスタンス内だけでなく、他のインスタンスやクラスからも常にアクセスできました。ただし、ES6 の導入により、プライベート プロパティを作成できるようになり、クラス内の特定のプロパティへのアクセスが制限されます。

プライベート プロパティの作成

プライベート プロパティを作成するにはES6 クラスでは、プロパティ名の先頭にハッシュ (#) を付けます。この構文は、プロパティがプライベートであり、直接アクセスすべきではないことを示します。

たとえば、次のコードを考えてみましょう。

class Something {
  constructor() {
    this.#property = "test"; // private property
  }
}

この例では、プロパティ属性の先頭にハッシュが付いています。 、クラス外からはアクセスできなくなります。

プライベートにアクセスしていますプロパティ

プライベート プロパティにはクラスの外部から直接アクセスできません。ただし、ゲッター メソッドを使用してプライベート プロパティの値を取得することはできます。

たとえば、前の例のプロパティのプライベート値にアクセスするには、次のゲッター メソッドをクラスに追加できます。

class Something {
  constructor() {
    this.#property = "test"; // private property
  }

  get property() {
    return this.#property;
  }
}

これで、プロパティ ゲッター メソッドを使用してプライベート プロパティ値にアクセスできるようになります。

const instance = new Something();
console.log(instance.property); // Output: "test"

追加注

• 同じハッシュ構文を使用してプライベート メソッドを作成することもできます。
• プライベート プロパティとメソッドは列挙可能ではありません (つまり、オブジェクトを反復処理するときに表示されません)
• ES2023 以降、プライベート フィールドは大部分でサポートされています。ブラウザ。

以上がJavaScript ES6 クラスでプライベート プロパティを作成してアクセスするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。