Wie erstelle und greife ich auf private Eigenschaften in JavaScript ES6-Klassen zu?

Private Eigenschaften in JavaScript ES6-Klassen

Einführung

In früheren JavaScript-Versionen Klasseneigenschaften waren immer innerhalb derselben Klasseninstanz und von anderen Instanzen und Klassen aus zugänglich. Mit der Einführung von ES6 können nun jedoch private Eigenschaften erstellt werden, wodurch der Zugriff auf bestimmte Eigenschaften innerhalb einer Klasse eingeschränkt wird.

Private Eigenschaften erstellen

So erstellen Sie eine private Eigenschaft Stellen Sie in einer ES6-Klasse dem Eigenschaftsnamen einen Hash (#) voran. Diese Syntax gibt an, dass die Eigenschaft privat ist und nicht direkt zugegriffen werden sollte.

Betrachten Sie beispielsweise den folgenden Code:

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

In diesem Beispiel wird dem Eigenschaftsattribut ein Hash vorangestellt , sodass außerhalb der Klasse nicht darauf zugegriffen werden kann.

Zugriff auf private Eigenschaften

Private Eigenschaften sind nicht möglich auf die direkt von außerhalb der Klasse zugegriffen werden kann. Sie können jedoch Getter-Methoden verwenden, um den Wert einer privaten Eigenschaft abzurufen.

Um beispielsweise auf den privaten Wert der Eigenschaft im vorherigen Beispiel zuzugreifen, können wir der Klasse die folgende Getter-Methode hinzufügen:

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

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

Jetzt können wir mithilfe der Property-Getter-Methode auf den Privateigentumswert zugreifen:

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

Zusätzlich Hinweise

• Private Methoden können auch mit derselben Hash-Syntax erstellt werden.
• Private Eigenschaften und Methoden sind nicht aufzählbar (d. h. sie werden nicht angezeigt, wenn über ein Objekt iteriert wird Eigenschaften).
• Ab ES2023 werden private Felder in den meisten Fällen unterstützt Browser.

Das obige ist der detaillierte Inhalt vonWie erstelle und greife ich auf private Eigenschaften in JavaScript ES6-Klassen zu?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!