Zusätzlich zur gewöhnlichen Zuweisung und Durchquerung von Objekteigenschaften können wir auch viele andere Vorgänge mit JavaScript-Objekten ausführen. In diesem Artikel erfahren Sie, wie Sie sie verwenden, einschließlich des Zugriffs auf interne Eigenschaften, der Manipulation von Eigenschaftsdeskriptoren und der Vererbung schreibgeschützter Eigenschaften.
1. Auf interne Eigenschaften zugreifen
Interne Eigenschaften von JavaScript-Objekten, auf die auf herkömmliche Weise nicht zugegriffen werden kann. Interne Eigenschaftsnamen werden in eckige Klammern [[]] eingeschlossen und sind beim Erstellen eines Objekts verfügbar.
Interne Eigenschaften können nicht dynamisch zu vorhandenen Objekten hinzugefügt werden.
Interne Eigenschaften können in einigen integrierten JavaScript-Objekten verwendet werden, die den durch die ECMAScript-Spezifikation angegebenen internen Status speichern.
hat zwei interne Eigenschaften, eine ist eine Methode zum Bedienen von Objekten und die andere ist eine Methode zum Speichern von Daten. Zum Beispiel:
[[Prototyp]] – Der Prototyp des Objekts, der null sein kann, oder das Objekt
[[Erweiterbar] ] – Gibt an, ob es zulässig ist. Dem Objekt dynamisch neue Eigenschaften hinzufügen
[[PrivateFieldValues]] – wird zum Verwalten privater Klassenfelder
verwendet 2. Eigenschaftsdeskriptorobjekt
Das Datenattribut enthält den Speicherort eines Datenwerts, von dem aus der Wert gelesen und geschrieben werden kann. Mit anderen Worten: Auf Datenattribute kann über Object.Attributes zugegriffen werden, was bedeutet, dass sie alle Werte zurückgeben, die von den Benutzern zugewiesen werden, mit denen wir normalerweise interagieren, und keine zusätzlichen Aktionen ausführen.
Das Datenattribut verfügt über 4 Merkmale, die sein Verhalten beschreiben (um den internen Wert darzustellen, wird das Attribut in zwei eckige Klammern gesetzt), was als Deskriptorobjekt bezeichnet wird. Der
Wertdeskriptor ist der Datenwert des Attributs. Wir haben beispielsweise das folgende Objekt:
let foo = {
a: 1}Dann ist der Wertattributdeskriptor von a 1.
beschreibbar bezieht sich darauf, ob der Wert des Attributs geändert werden kann. Der Standardwert ist true, was bedeutet, dass die Eigenschaft beschreibbar ist. Wir können es jedoch auf verschiedene Arten unschreibbar machen.
konfigurierbar bedeutet, dass die Eigenschaften eines Objekts gelöscht oder seine Eigenschaftsbeschreibungen geändert werden können. Der Standardwert ist true, was bedeutet, dass er konfigurierbar ist.
aufzählbar bedeutet, dass es von einer for...in-Schleife durchlaufen werden kann. Der Standardwert ist true, was bedeutet, dass die Eigenschaft über eine For-In-Schleife
zurückgegeben werden kann, bevor der Eigenschaftsschlüssel zum zurückgegebenen Array hinzugefügt wird. Die Methode Object.keys überprüft auch den aufzählbaren Deskriptor. Allerdings prüft die Reflect.ownKeys-Methode diesen Eigenschaftsdeskriptor nicht und gibt stattdessen alle eigenen Eigenschaftsschlüssel zurück.
Der Prototype-Deskriptor verfügt über andere Methoden. Get und Set werden zum Abrufen bzw. Festlegen von Werten verwendet.
Beim Erstellen eines neuen Objekts können wir die Methode Object.defineProperty verwenden, um den Deskriptor wie folgt festzulegen:
let foo = {
a: 1}Object.defineProperty(foo, 'b', {
value: 2,
writable: true,
enumerable: true,
configurable: true,});Auf diese Weise ist der neue Wert von foo {a: 1, b : 2} .
Wir können den Deskriptor einer vorhandenen Eigenschaft auch mit defineProperty ändern. Zum Beispiel:
let foo = {
a: 1}Object.defineProperty(foo, 'a', {
value: 2,
writable: false,
enumerable: true,
configurable: true,});Wenn wir also versuchen, foo.a einen Wert zuzuweisen, etwa:
foo.a = 2;
Wenn der strikte Modus deaktiviert ist, ignoriert der Browser ihn, andernfalls gibt er einen Fehler aus Da wir beschreibbar sind, wird es auf „false“ gesetzt, was darauf hinweist, dass die Eigenschaft nicht beschreibbar ist.
Wir können defineProperty auch verwenden, um die Eigenschaft in einen Getter umzuwandeln, wie unten gezeigt:
'use strict'let foo = { a: 1}Object.defineProperty(foo, 'b', { get() { return 1;
}
})Wenn wir so schreiben:
foo.b = 2;
Weil das b-Attribut ein Getter-Attribut ist, wann Im strikten Modus erhalten wir eine Fehlermeldung: Getter-Eigenschaften können nicht neu zugewiesen werden.
3. Geerbte schreibgeschützte Eigenschaften können nicht zugewiesen werden
Geerbte schreibgeschützte Eigenschaften können nicht zugewiesen werden. Das macht Sinn, da wir es so eingerichtet haben, dass es vererbt wird und daher an das Objekt weitergegeben werden sollte, das die Eigenschaft erbt.
Wir können Object.create verwenden, um wie folgt ein Objekt zu erstellen, das Eigenschaften vom Prototypobjekt erbt:
const proto = Object.defineProperties({}, {
a: {
value: 1,
writable: false
}})const foo = Object.create(proto)Im obigen Code setzen wir den beschreibbaren Deskriptor von proto.a auf false, Daher können wir ihm keinen anderen Wert zuweisen.
Wenn wir schreiben:
foo.a = 2;
Im strikten Modus erhalten wir eine Fehlermeldung.
Zusammenfassung
Wir können viele Dinge mit JavaScript-Objekten tun, von denen wir vielleicht nichts wissen.
Zuallererst verfügen einige JavaScript-Objekte (z. B. das integrierte Browserobjekt) über interne Eigenschaften, die von doppelten eckigen Klammern umgeben sind. Sie verfügen über einen internen Status, der nicht dynamisch durch Objekterstellung hinzugefügt werden kann.
JavaScript-Objekteigenschaften verfügen auch über Eigenschaftsdeskriptoren, mit denen wir ihre Werte steuern können und ob sie festgelegt werden können oder ob ihre Eigenschaftsdeskriptoren geändert werden können usw.
Wir können den Eigenschaftsdeskriptor einer Eigenschaft mit defineProperty ändern. Es wird auch verwendet, um eine neue Eigenschaft und ihren Eigenschaftsdeskriptor hinzuzufügen.
Schließlich bleibt die geerbte schreibgeschützte Eigenschaft schreibgeschützt, was sinnvoll ist, da sie vom übergeordneten Prototypobjekt geerbt wird.
Empfohlenes Tutorial: „Javascript-Tutorial“
Das obige ist der detaillierte Inhalt vonEin paar Dinge, die Sie mit JavaScript-Objekten tun können. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
