Die ObjekteProxy undReflect ermöglichen es Ihnen, grundlegende Sprachoperationen (z.B. Eigenschaftsabruf, Zuweisung, Enumeration, Funktionsaufruf, etc.) abzufangen und benutzerdefiniertes Verhalten dafür zu definieren. Mit Hilfe dieser beiden Objekte können Sie auf der Metaebene von JavaScript programmieren.

Proxies

Proxy-Objekte ermöglichen es Ihnen, bestimmte Operationen abzufangen und benutzerdefinierte Verhaltensweisen zu implementieren.

Beispielsweise beim Abrufen einer Eigenschaft eines Objekts:

const handler = {  get(target, name) {    return name in target ? target[name] : 42;  },};const p = new Proxy({}, handler);p.a = 1;console.log(p.a, p.b); // 1, 42

DasProxy-Objekt definiert eintarget (hier ein leeres Objekt) und einhandler-Objekt, in dem eineget-Falle (trap) implementiert ist. Hierdurch wird ein Objekt, das durch einen Proxy gekapselt ist, nichtundefined zurückgeben, wenn undefinierte Eigenschaften abgerufen werden, sondern stattdessen die Zahl42.

Zusätzliche Beispiele sind auf derProxy Referenzseite verfügbar.

Terminologie

Die folgenden Begriffe werden verwendet, wenn über die Funktionalität von Proxies gesprochen wird.

handler

Platzhalterobjekt, das Fallen enthält.

Fallen

Die Methoden, die den Zugriff auf Eigenschaften bereitstellen. (Dies ist analog zum Konzept derFallen in Betriebssystemen.)

Zielobjekt

Objekt, das der Proxy virtualisiert. Es wird häufig als Speicherrückendeckung für den Proxy eingesetzt. Invarianten (nicht veränderbare Semantiken) bezüglich der Nicht-Erweiterbarkeit oder nicht-konfigurierbarer Eigenschaften werden gegen das Zielobjekt überprüft.

Invarianten

Semantiken, die unverändert bleiben, wenn benutzerdefinierte Operationen implementiert werden, werdenInvarianten genannt. Wenn Sie die Invarianten eines Handlers verletzen, wird einTypeError ausgelöst.

Handler und Fallen

Die folgende Tabelle fasst die verfügbaren Fallen zusammen, die fürProxy-Objekte verfügbar sind. Siehe dieReferenzseiten für detaillierte Erklärungen und Beispiele.

WiderrufbarerProxy

Die MethodeProxy.revocable() wird verwendet, um ein widerrufbaresProxy-Objekt zu erstellen. Dies bedeutet, dass der Proxy über die Funktionrevoke widerrufen und ausgeschaltet werden kann.

Danach führt jede Operation auf dem Proxy zu einemTypeError.

const revocable = Proxy.revocable(  {},  {    get(target, name) {      return `[[${name}]]`;    },  },);const proxy = revocable.proxy;console.log(proxy.foo); // "[[foo]]"revocable.revoke();console.log(proxy.foo); // TypeError: Cannot perform 'get' on a proxy that has been revokedproxy.foo = 1; // TypeError: Cannot perform 'set' on a proxy that has been revokeddelete proxy.foo; // TypeError: Cannot perform 'deleteProperty' on a proxy that has been revokedconsole.log(typeof proxy); // "object", typeof doesn't trigger any trap

Reflexion

Reflect ist ein eingebautes Objekt, das Methoden für abfangbare JavaScript-Operationen bereitstellt. Die Methoden sind die gleichen wie die derProxy-Handler.

Reflect ist kein Funktionsobjekt.

Reflect hilft, Standardoperationen vom Handler an dastarget weiterzuleiten.

MitReflect.has() erhalten Sie beispielsweise denin Operator als Funktion:

Reflect.has(Object, "assign"); // true

Eine bessere apply() Funktion

VorReflect verwenden Sie in der Regel die MethodeFunction.prototype.apply(), um eine Funktion mit einem gegebenenthis-Wert undarguments, bereitgestellt als Array (oder einarray-ähnliches Objekt), aufzurufen.

Function.prototype.apply.call(Math.floor, undefined, [1.75]);

MitReflect.apply wird dies weniger umständlich und leichter verständlich:

Reflect.apply(Math.floor, undefined, [1.75]);// 1Reflect.apply(String.fromCharCode, undefined, [104, 101, 108, 108, 111]);// "hello"Reflect.apply(RegExp.prototype.exec, /ab/, ["confabulation"]).index;// 4Reflect.apply("".charAt, "ponies", [3]);// "i"

Überprüfen, ob die Eigenschaftsdefinition erfolgreich war

MitObject.defineProperty, das ein Objekt zurückgibt, wenn erfolgreich, oder andernfalls einenTypeError auslöst, würden Sie einentry...catch Block verwenden, um jeden Fehler abzufangen, der während der Definition einer Eigenschaft aufgetreten ist. DaReflect.defineProperty() einen booleschen Erfolgsstatus zurückgibt, können Sie hier einfach einenif...else Block verwenden:

if (Reflect.defineProperty(target, property, attributes)) {  // success} else {  // failure}