Was sind JavaScript -Objekt -Accessors?

JavaScript -Objektzubehör wird verwendet, um auf die Objekte und zwei für diese Funktion verwendete Schlüsselwörter zuzugreifen und zu aktualisieren. JavaScript führte 2009 Getter und Setter in ES5 vor.

Wir werden uns ansehen, was Getter und Setter sind und wie Sie sie in JavaScript in diesem Tutorial verwenden und übergehen, warum Sie GET oder festlegen sollten, Methoden von JavaScript. Abgesehen davon werden wir die besprechen Objekt.DefineProperty () sowie. Am Ende werden wir etwas Licht auf welchen Browser das Set unterstützt und Methoden erhalten. Also lasst uns anfangen.

Keyword erhalten

Die GET -Methode wird verwendet, um einen Wert abzurufen, wie der Name schon sagt, und in der technischen Welt kann sie als Bindemittel einer Objekteigenschaft für eine Funktion definiert werden, die aufgerufen wird, wenn die Eigenschaft gewünscht wird. Wir können den Wert erst erreichen, wenn wir auf die GET -Methode zugreifen. Wir definieren jedoch vorher die Eigenschaft des Objekts.

Beispiel:

const player =
Name: "Hazard",
Club: "Chelsea",
Shirtno: 10,
Holen Sie sich Clubname ()
Geben Sie dies zurück.Verein;

;
Alarm (Spieler.Clubname);

In diesem Beispiel haben wir die verwendet Clubname -Immobilie Um den Wert des Clubeigentums zu erhalten.

Keyword festlegen

Es ist das Gegenteil des Get -Keywords. Es wird verwendet, um einen Wert festzulegen. In der technischen Welt kann es als Bindemittel einer Objekteigenschaft einer Funktion definiert werden, wenn wir eine Eigenschaft festlegen möchten.

Beispiel:

const player =
Name: "",
Club: "Chelsea",
Shirtno: 10,
// Einen Spielernamen festlegen
set setName (setName)
Das.name = setName ;;

;
// mit einem Setter übergeben/einstellen den Namen I-E-Objekteigenschaft
Spieler.setName = "montieren";
// Lassen Sie uns die Daten über einen Alarm ansehen
Alarm (Spieler.Name);

In diesem Beispiel haben wir zuerst ein Objekt erstellt. In diesem Objekt haben wir eine SET -Methode mithilfe des Set -Keywords erstellt, bei dem wir den Namen des Players festlegen, der an sie übergeben wird. Nach dem Objekt haben wir den Namen des Players festgelegt und dann das Ergebnis mit einer Warnung angezeigt.

Funktion vs Getters

Inzwischen müssen Sie denken, sind sie nicht die gleiche, die Antwort lautet Ja und Nein. Lassen Sie uns dies anhand von Beispielen erklären:

Beispielfunktion:

const player =
Name: "Hazard",
Club: "Chelsea",
Shirtno: 10,
myfunc: function ()
Geben Sie dies zurück.Name+"spielt für"+dies.Verein;

;
Alarm (Spieler.myfunc ());

Beispiel Getter:

const player =
Name: "Hazard",
Club: "Chelsea",
Shirtno: 10,
Holen Sie sich myfunc ()
Geben Sie dies zurück.Name+"spielt für"+dies.Verein;

;
Alarm (Spieler.myfunc);

Im Funktionsbeispiel erhalten wir das myfunc () als eine Funktion I-e Spieler.myfunc (). Im Getter -Beispiel zugreifen wir jedoch auf die Eigentum I-E-Spieler.myfunc (). Jetzt wissen wir, dass die Gettter -Syntax einfacher und lesbarer ist als die Funktion.

Objekt.DefineProperty () in JavaScript

Der JavaScript -Objekt.DefineProperty () wird verwendet, um Getter und Setter hinzuzufügen. Es braucht drei Argumente und die Syntax von Objekt.DefineProperty () Ist:

Objekt.DefineProperty (ObjectName, PropertyName, ObjectDescriptor)

Das erste Argument ist der Name des Objekts, das zweite ist der Name der Eigenschaft, und das dritte Argument ist eine Beschreibung des Objekts.

Zum Beispiel:

// ein Objekt definieren
const player =
Name: "Eden"

// Jetzt bekommen wir eine Eigenschaft eines Objekts
Objekt.DefineProperty (Spieler, "getName",
get: function ()
Geben Sie dies zurück.Name;

);
// Jetzt setzen wir die Eigenschaft eines Objekts
Objekt.DefineProperty (Player, "setName",
SET: Funktion (val)
Das.name = val;

);
Konsole.Protokoll (Spieler.Name);
// Geben wir dem Spieler einen vollständigen Namen
Spieler.setName = "Hazard";
Konsole.Protokoll (Spieler.Name);

In diesem Beispiel haben wir zuerst ein Objekt definiert. Danach benutzt Objekt.DefineProperty () Wir setzen den Setter und Getters. Nun, wenn wir die Konsole zum ersten Mal.Protokollieren Der Spieler Name ist "Eden". Wenn wir jedoch den Namen mit Setter einstellen.

Es ist wahr, dass JavaScript, wenn wir Getter und Setter verwenden, eine bessere Datenqualität gewährleistet.

Zum Beispiel:

// Erstellen eines Objekts
const player =
Name: "Hazard",
Club: "Chelsea",
Shirtno: 10,
Holen Sie sich myfunc ()
Geben Sie dies zurück.Name+"spielt für"+dies.Verein.TolowerCase ();

;
// Verwenden von Anzeigedaten
Alarm (Spieler.myfunc);

In diesem Beispiel haben wir den Namen und die Clubeigenschaft des Objektspieler verwendet. Wir haben es in den oberen und unteren Fall umgewandelt und diesen Wert zurückgegeben. Die Lösung sah so aus:

Warum Getters und Setter verwenden??

• Kann Aufgaben hinter den Kulissen erledigen und ausführen.
• Lässt uns eine bessere Datenqualität wie zuvor erwähnt sichern
• Hat auch eine einfachere Syntax
• Eigenschaften und Methodensyntax sind ähnlich

Welche Browser unterstützen dies?

Abschluss

Wir haben fast alles über JavaScript -Gutachter gelernt, die in diesem Beitrag Methoden in JavaScript haben und festlegen. In ein wenig Tiefe zu gehen, erklärten wir auch, welches Objekt.DefineProperty () ist. Abgesehen davon haben wir die Profis der Verwendung von Gutachtern in JavaScript diskutiert und welche Browser die Bewertungsuntersucher unterstützen. Durch die Verwendung von Gutachtern führt ein Entwickler seinen Code durch, die Aktionen hinter den Kulissen ausführen und Daten sichern. Da es eine einfachere Syntax hat, macht es unseren Code auch sauberer.