Heim > Web-Frontend > js-Tutorial > Wie erstelle und greife ich auf private Eigenschaften in JavaScript ES6-Klassen zu?

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

Susan Sarandon
Freigeben: 2024-12-27 08:11:09
Original
842 Leute haben es durchsucht

How Do I Create and Access Private Properties in JavaScript ES6 Classes?

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
  }
}
Nach dem Login kopieren

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;
  }
}
Nach dem Login kopieren

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

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

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!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage