JavaScript -Objektzubehör

Objektzubehöreigenschaften sind Methoden in JavaScript, mit denen der Wert eines Objekts abgerufen oder festgelegt wird. “erhaltenIst das Schlüsselwort, das zur Definition a verwendet wird Getter Methode, die den Eigenschaftswert abruft, während “Satz”Definiert eine Settermethode zum Ändern des Wertes einer bestimmten Eigenschaft.

Wenn wir auf eine Eigenschaft unseres JavaScript -Objekts zugreifen möchten, wird die Wertrückgabe der Getter -Methode verwendet und um einen Eigenschaftswert festzulegen. Die Setter -Methode wird aufgerufen, und dann bestehen wir den Wert als Argument, das wir festlegen wollen.

In diesem Artikel werden die JavaScript-Objektzubehör erörtert. Darüber hinaus werden wir auch Beispiele im Zusammenhang mit demonstrieren Getter, Setter, Und Objekt.DefineProperty () JavaScript -Methoden. So lass uns anfangen!

JavaScript Getter -Methode

Getter -Methoden werden zum Zugriff auf den Eigenschaftswert eines JavaScript -Objekts verwendet. Der "erhaltenDas Schlüsselwort wird vor dem Funktionsnamen hinzugefügt, was angibt, dass es ein "ist"GetterMethode, die auf eine bestimmte Eigenschaft des erstellten Objekts zugreift.

Beispiel: Erstellen und Verwendung von JavaScript -Getter -Methode

In diesem Beispiel wird angezeigt, wie Sie die JavaScript -Getter -Methode für jedes Objekt erstellen und verwenden. Zunächst werden wir eine erstellen "Mitarbeiter"Objekt mit zwei Eigenschaften: FirstName als"John", Und Lastname als"Albert”:

const Mitarbeiter =
FirstName: 'John' ',
LastName: 'Albert',
;

Im nächsten Schritt werden wir eine "erstellen"getfirstname ()"Getter -Methode, die auf die" zugreift "Vorname"Eigentum unserer"Mitarbeiter" Objekt. Denken Sie daran, dass Sie die Getter -Methode innerhalb des Objektdefinitionsblocks definieren müssen, nicht außerhalb davon:

Holen Sie sich GetFirstname ()
Geben Sie dies zurück.Vorname;

Nach dem Erstellen der “getfirstname ()”JavaScript Getter -Methode für das Mitarbeiterobjekt haben Sie jetzt zwei Möglichkeiten für den Zugriff auf die“Vorname" Eigentum. Entweder können Sie direkt darauf zugreifen, indem Sie das verwenden “Vorname”Eigenschaft mit dem Mitarbeiterobjekt oder durch Zugriff auf die“GetFirstnameGetter -Methode als Eigenschaft:

// Zugriff auf Dateneigenschaften
Konsole.Protokoll (Mitarbeiter.Vorname);
// Zugriff auf die Getter -Methode zugreifen
Konsole.Protokoll (Mitarbeiter.GetFirstname);

Schauen Sie sich das folgende Bild an, um die Ausgabe des bereitgestellten Codes anzuzeigen:

JavaScript Setter -Methode

In einem JavaScript -Programm ändern die Setter -Methoden den Eigenschaftswert eines Objekts. Es muss nur einen formalen Parameter dauern. Der "Satz"Das Schlüsselwort wird hinzugefügt, um anzugeben, dass es sich um ein JavaScript handelt"SetterMethode, die den Wert einer bestimmten Objekteigenschaft ändert.

Beispiel: Erstellen und Verwendung der JavaScript -Setter -Methode

Erstens werden wir ein einfaches schaffen “Mitarbeiter"Objekt, das zwei Eigenschaften umfasst"Vorname" Und "Familienname, Nachname" folgendermaßen:

const Mitarbeiter =
FirstName: 'John' ',
LastName: 'Albert',
;

Als nächstes werden wir unsere Setter -Methode definieren “ChangeFirstName"Das wird verwendet, um das zu ändern"Vorname”Des Mitarbeiterobjekts. Beachten Sie, dass Sie diesen Vorgang innerhalb des Objektdefinitionsblocks ausführen müssen:

// Accessoreigenschaft (Setter)
SET ALDEFIRSTNAME (NewfirstName)
Das.FirstName = NewfirstName;

Jetzt werden wir den Immobilienwert der “überprüfen“VornameUnd dann auf das "einstellen"Jim" Verwendung der "ChangeFirstNameSettermethode unseres JavaScript -Mitarbeiterobjekts:

Konsole.Protokoll (Mitarbeiter.Vorname);
// Objekteigenschaft mit einem Setter ändern
Mitarbeiter.ChangeFirstName = 'Jim';
Konsole.Protokoll (Mitarbeiter.Vorname);

Schauen Sie sich das untergegebene Bild zum Anzeigen der Ausgabe an:

JavaScript -Objekt.DEFINEPROPERTY () -Methode

Abgesehen von den JavaScript -Gettern und Settern gibt es auch die “Objekt.DefineProperty ()Methode, die zum Zugriff und Ändern der Objekteigenschaften verwendet werden kann. Der "Objekt.DefineProperty ()Die Methode hilft beim Hinzufügen von Getttern und Setter für jedes JavaScript -Objekt.

Syntax des Objekts.DefineProperty ()

Objekt verwenden.DefineProperty () -Methode in Ihrem JavaScript -Code müssen Sie der Syntax folgen:

Objekt.DefineProperty (ObjectName, PropertyName, ObjectDescriptor)

Hier in derObjektnameArgument, das Sie den erstellten Objektnamen hinzufügen müssen; das zweite Argument "Name des Anwesens”Repräsentiert die Eigenschaft. Zuletzt die “ObjectDescriptorArgument wird zur Beschreibung der Objekteigenschaft verwendet.

Beispiel: Erstellen und Verwenden von JavaScript -Objekten.DEFINEPROPERTY () -Methode

In diesem Beispiel wird eine Getter- und Setter -Methode mit dem Objekt erstellt.DEFINEPROPERTY () -Methode. Zu diesem Zweck werden wir zunächst eine erstellen “Mitarbeiter"Objekt mit einer"Vorname" Eigentum:

const Mitarbeiter =
FirstName: 'Stepheny'

Um nun eine Getter -Methode mit dem Objekt zu definieren.DefineProperty (), wir werden angeben “Mitarbeiter"Als unser Objekt"GetNameAls Eigentum. Dann fügen wir die zugehörige Beschreibung hinzu, gefolgt vom Schlüsselwort "GET" im Körper des Objekts.DefineProperty () Methode:

// Eigentum bekommen
Objekt.DefineProperty (Mitarbeiter, "getName",
get: function ()
Geben Sie dies zurück.Vorname;

);

In ähnlicher Weise können Sie auch eine Setterfunktion für die “definieren“Mitarbeiter"Objekt, indem der Eigenschaftsname als" festgelegt wird "Namen ändern”. Danach fügen Sie das hinzu “SatzSchlüsselwort und definieren Sie den Körper Ihrer Settermethode:

// Eigenschaft festlegen
Objekt.DefineProperty (Angestellter, "Chänderame",
SET: Funktion (Wert)
Das.FirstName = Wert;

);

Zu dem Objekt zugreifen.DefineProperty () Getter -Methode, wir werden die „verwenden“Mitarbeiter"Objekteigenschaftsname"GetNameDas als zweite Argument im Objekt hinzugefügt wird.DefineProperty () Methode:

// den Eigenschaftswert erhalten
Konsole.Protokoll (Mitarbeiter.GetName);

Um den FirstName des Mitarbeiters festzulegen oder zu ändern, werden wir den neuen FirstName zuweisenMitarbeiter.Namen ändern" Eigentum:

// den Eigenschaftswert ändern
Mitarbeiter.ChangeName = 'Julie';
Konsole.Protokoll (Mitarbeiter.Vorname);

Hier ist das vollständige JavaScript -Programm mit seiner Ausgabe:

Abschluss

JavaScript -Objektzubehör werden mit Getter- und Setzer -Methoden definiert. Die Getter -Methode gibt den Eigenschaftswert zurück, während ein Argument an die Setter -Methode übergeben wird, wodurch dieser spezifische Wert der Eigenschaft JavaScript -Objekt zugewiesen wird. In diesem Artikel wurden die JavaScript-Objektzubehör besprochen. Darüber hinaus Beispiele im Zusammenhang mit Getter, Setter und Objekt.DefineProperty () JavaScript -Methoden werden auch in diesem Artikel nachgewiesen.