Heim >Web-Frontend >js-Tutorial >JavaScript-Proxy()-Objekte verstehen und verwenden (Codebeispiele)
Proxy-Objekte in JavaScript werden verwendet, um benutzerdefiniertes Verhalten für grundlegende Vorgänge zu definieren (z. B. Eigenschaftssuche, Zuweisungen, Aufzählungen, Funktionsaufrufe usw.).
Syntax:
var p = new Proxy(target, handler);
Parameter: Das Proxy-Objekt akzeptiert zwei Parameter wie oben erwähnt, wie unten beschrieben:
Ziel: Das Zielobjekt, das mit Proxy umschlossen werden soll (kann jede Art von Objekt sein, einschließlich einer Funktion, einer Klasse oder sogar einem anderen Proxy).
Handler: Ein Objekt, dessen Eigenschaften Funktionen sind, die das Verhalten des Agenten definieren, wenn Operationen an ihm ausgeführt werden.
Beispiel:
<script> const Person = { Name: 'John Nash', Age: 25 }; const handler = { // target表示Person,而prop表示代理属性。 get: function(target, prop) { if (prop === 'FirstName') { return target.Name.split(' ')[0]; } if (prop === 'LastName') { return target.Name.split(' ').pop(); } else { return Reflect.get(target,prop); } } }; const proxy1 = new Proxy(Person, handler); document.write(proxy1 + "<br>"); // 虽然没有像FirstName和LastName那样的属性,但是我们仍然获取到它们,就好像它们是属性而不是函数一样。 document.write(proxy1.FirstName + "<br>"); document.write(proxy1.LastName + "<br>"); </script>
Ausgabe:
[object Object] John Nash
Hinweis: Wenn NodeJs installiert ist, kann der obige Code direkt im Terminal ausgeführt werden, andernfalls kann er ausgeführt werden in einer HTML-Datei, indem Sie den obigen Code in ein Skript-Tag einfügen und die Ausgabe in der Konsole eines beliebigen Webbrowsers überprüfen.
Verwandte Empfehlungen: „JavaScript-Tutorial“
Das obige ist der detaillierte Inhalt vonJavaScript-Proxy()-Objekte verstehen und verwenden (Codebeispiele). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!