So erstellen Sie Proxy -Objekt in JavaScript

In JavaScript die Proxy Mit einem Objekt können Sie benutzerdefiniertes Verhalten indirekt für den grundlegenden Vorgang eines Objekts definieren. Es ermöglicht den Entwicklern auch, ein Proxy -Objekt um ein anderes Objekt zu wickeln und eine nicht nachweisbare Barriere um sie herum zu erstellen.

Mit Hilfe des Proxy -Objekts können Sie Funktionen aufrufen, auf Eigenschaften zugreifen und die festlegen Ziel Eigenschaften des Objekts. Ein Proxy -Objekt wird auch als hervorragendes Instrument zur Kapselung angesehen, da es den direkten Zugriff auf das ursprüngliche Objekt einschränkt.

In diesem Artikel wird das Verfahren erläutert, um ein Proxy-Objekt in JavaScript zu erstellen. So lass uns anfangen!

So erstellen Sie Proxy -Objekt in JavaScript

Ein Proxy () -Konstruktor wird zum Erstellen eines Proxy -Objekts in JavaScript verwendet. Das erstellte Proxy -Objekt wird dann verwendet, um die typischen Operationen des ursprünglichen Objekts abzufangen.

Schauen Sie sich die Syntax des JavaScript -Proxy -Konstruktors an.

Syntax zum Erstellen eines Proxy -Objekts in JavaScript

Sie können die untergegebene Syntax zum Erstellen eines neuen Proxy-Objekts in JavaScript verwenden:

Proxy = New Proxy (Ziel, Handler);

Hier, "Ziel"Repräsentiert das Objekt, das verpackt wird"HandlerIst das Objekt, das die Methoden zur Kontrolle des Verhaltens des angegebenen Zielobjekts umfasst. Zuletzt, "Fallen”Werden in die“ hinzugefügt “HandlerObjekt als seine Methoden.

Beispiel: So erstellen Sie ein Proxy -Objekt in JavaScript

Zunächst werden wir ein Objekt namens erstellen. “MitarbeiterMit den folgenden drei Eigenschaften:

const Mitarbeiter =
Name: 'Alex',
Geschlecht männlich',
Bezeichnung: 'Manager',

Dann ein "HandlerDas Objekt wird definiert, das JavaScript enthält "erhalten()"Methode als"fangen”. Die JavaScript -Methode Get () ruft die angegebene “ab“ abgerufen “Eigentum" des "ZielFall und speichern Sie seinen Wert im Handler -Objekt:

const Handler =
Get (Ziel, Eigenschaft)
Konsole.log ('Eigenschaft $ Eigenschaft wird zugegriffen');
Return Target [Eigentum];

Im nächsten Schritt werden wir ein Proxy -Objekt erstellen “ProxyPer”Und passieren die“Handler" Und "MitarbeiterAls Zielobjekte zum Konstruktor:

const proxyPlyeee = neuer Proxy (Mitarbeiter, Handler);

Der "ProxyPer"Verwendet das"MitarbeiterObjekt, Daten zu speichern, und es hat dann alle Zugriff auf die “MitarbeiterObjekteigenschaften:

Zuletzt werden wir das verwenden “ProxyPer"Objekt, um das zu bekommen"Name" Und "Bezeichnung”Eigenschaften der“Mitarbeiter" Objekt:

Konsole.Protokoll (ProxyPel.Name);
Konsole.Protokoll (ProxyPel.Bezeichnung);

Die untergegebene Ausgabe bedeutet das “ProxyPerDas Objekt hat erfolgreich auf die Eigenschaften des Mitarbeiterobjekts zugegriffen:

Eine weitere wichtige Sache, an die Sie sich erinnern sollten, ist, dass, wenn Sie einen Eigenschaftswert der „Eigentumswert des“ aktualisieren “Mitarbeiter"Objekt, Änderungen können auch in" gesehen werden "ProxyPer”.

Zum Beispiel haben wir das geändertMitarbeiter"Objekt"Name"Eigentumswert zu"Paul”:

Mitarbeiter.Name = 'Paul';
Konsole.Protokoll (ProxyPel.Name);

Ausgang

Wie Sie aus der Ausgabe erkennen können, der Wert der “ProxyPer.Name”Wird ebenfalls geändert. Ebenso jede Modifikation in der “ProxyPer"Objekt wird auch über die" nachdenken "Mitarbeiter" Objekt:

ProxyPer.Bezeichnung = 'Autor';
Konsole.Protokoll (Mitarbeiter.Bezeichnung);

Die Ausführung des oben gegebenen Codes aktualisiert auch die “BezeichnungEigentumswert der “Mitarbeiter" Objekt:

Bis zu diesem Zeitpunkt haben Sie das Verfahren gelernt, um ein Proxy -Objekt in JavaScript zu erstellen. Schauen Sie sich nun die folgende Tabelle an, um einen kurzen Überblick über die Proxy -Trap -Methoden zu erhalten.

Proxyfallen in JavaScript

Proxy -Fallen	Beschreibung
erhalten()	Der "erhalten()Die Proxy -Falle wird ausgelöst, wenn das Proxy -Objekt auf die Eigenschaft eines Zielobjekts zugreift.
Satz()	Der "Satz()Die Proxy -Falle wird verwendet, um den Eigenschaftswert des angegebenen Zielobjekts festzulegen.
GetPrototype ()	Der "GetPrototype ()Methode fängt einen internen Aufruf an das Objekt ab.getPrototype () und gibt den Prototyp des Zielobjekts zurück.
setPrototype ()	Der "setPrototype () ”Legt den Prototyp des Zielobjekts fest, indem das Objekt aufgerufen wird.setPrototype () Methode.
isextensibile ()	Der "isExtexsible ()”Proxy -Trap ruft die an Objekt.isExtexsible () Methode, um festzustellen, ob das Ziel erweiterbar ist oder nicht.
PREVENTENEDERSIONEN ()	Der "PREVENTENEDERSIONEN ()"Trap rufen Sie die" heraus "Objekt.PREVENTENEDERSIONEN ()Methode, um die Erweiterungen des Zielobjekts zu verhindern.

Wir haben die kritischen Informationen über das Erstellen eines Proxy -Objekts in JavaScript erörtert.

Darüber hinaus wird auch eine kurze Beschreibung einiger nützlicher Proxy -Fallen bereitgestellt. Sie können sie nach Ihren Vorlieben weiter untersuchen.

Abschluss

Der Proxy () -Konstruktor wird verwendet, um ein Proxy -Objekt in JavaScript zu erstellen. Es akzeptiert zwei Argumente: Ziel und Handler, bei denen das Ziel das Objekt darstellt, das eingewickelt wird, und Handler ist das Objekt, das Methoden (Fallen) zur Kontrolle des Verhaltens des angegebenen Ziels umfasst. In diesem Artikel wurde das Verfahren zum Erstellen von Proxy-Objekten in JavaScript erläutert.