Snippet

Metaprogrammierung mit Proxies

Das Proxy-Objekt ermöglicht es, eine Hülle um ein anderes Objekt zu erstellen, die grundlegende Operationen für dieses Objekt abfangen und neu definieren kann, wie z. B. Eigenschaftssuche, Zuweisung und Enumeration.

snippet.js

javascript

const user = {
  firstName: 'Jonas',
  lastName: 'Weber'
};
 
const handler = {
  get: (target, prop) => {
    if (prop === 'fullName') {
      return `${target.firstName} ${target.lastName}`;
    }
    return prop in target ? target[prop] : 'Property not found';
  }
};
 
const proxyUser = new Proxy(user, handler);
console.log(proxyUser.fullName); // Jonas Weber
console.log(proxyUser.age); // Property not found

Erklärung

const handler = { get: (target, prop) => { ... } };

Definiert eine 'Trap' für das Abrufen von Eigenschaftswerten.

const proxyUser = new Proxy(user, handler);

Erstellt den Proxy, indem das ursprüngliche Benutzerobjekt mit der Handler-Logik umhüllt wird.

Vorheriges Snippet Nächstes Snippet

Mehr JavaScript-Übungen für Fortgeschrittene →

Metaprogrammierung mit Proxies

Verwandt