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: &#39;John Nash&#39;, 
    Age: 25 
}; 
  
const handler = { 
    // target表示Person，而prop表示代理属性。
    get: function(target, prop) { 
        if (prop === &#39;FirstName&#39;) { 
            return target.Name.split(&#39; &#39;)[0]; 
        } 
        if (prop === &#39;LastName&#39;) { 
            return target.Name.split(&#39; &#39;).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!