Können JavaScript-Proxys dynamische Getter und Setter für jede Eigenschaft aktivieren?

Dynamische Getter und Setter in JavaScript implementieren

Frage:

Während Standard-JavaScript die Erstellung von Gettern und Settern ermöglicht Ist es für bestimmte Eigenschaften möglich, Catch-All-Getter und -Setter zu erstellen, die alle nicht explizit definierten Eigenschaftsnamen verarbeiten?

Antwort:

Ja, JavaScript-Unterstützung für dynamische Getter und Setter wurden in der ES2015-Spezifikation durch die Verwendung von Proxys eingeführt. Proxys erstellen Wrapper-Objekte, die Eigenschaftszugriffe und -änderungen abfangen und so benutzerdefiniertes Verhalten ermöglichen.

Implementierung:

Hier ist ein Beispiel-Proxy, der String-Eigenschaftswerte in Großbuchstaben umwandelt und „ fehlt“ für undefinierte Eigenschaften:

<code class="js">if (typeof Proxy == "undefined") {
    throw new Error("This browser doesn't support Proxy");
}
let original = {
    example: "value",
};
let proxy = new Proxy(original, {
    get(target, name, receiver) {
        if (Reflect.has(target, name)) {
            let rv = Reflect.get(target, name, receiver);
            if (typeof rv === "string") {
                rv = rv.toUpperCase();
            }
            return rv;
        }
        return "missing";
    }
});</code>

Verwendung:

<code class="js">console.log(`original.example = ${original.example}`);  // "original.example = value"
console.log(`proxy.example = ${proxy.example}`);        // "proxy.example = VALUE"
console.log(`proxy.unknown = ${proxy.unknown}`);        // "proxy.unknown = missing"
original.example = "updated";
console.log(`original.example = ${original.example}`);  // "original.example = updated"
console.log(`proxy.example = ${proxy.example}`);        // "proxy.example = UPDATED"</code>

Hinweis:

Proxy-Unterstützung wird berücksichtigt Browserübergreifend kompatibel und wird von allen gängigen modernen Browsern unterstützt.

Das obige ist der detaillierte Inhalt vonKönnen JavaScript-Proxys dynamische Getter und Setter für jede Eigenschaft aktivieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!