Können ES6-Proxys die noSuchMethod-Funktion für Eigenschaften in JavaScript emulieren?

Emulieren von noSuchMethod für Eigenschaften in JavaScript mit ES6-Proxys

Die Funktion noSuchMethod ermöglicht dies Implementierung eines benutzerdefinierten Verhaltens beim Zugriff auf nicht vorhandene Methoden in bestimmten JavaScript-Implementierungen. Eine ähnliche Funktionalität kann für Eigenschaften mithilfe von ES6-Proxys erreicht werden.

Verwendung von ES6-Proxys

Proxy-Objekte bieten benutzerdefiniertes Verhalten für grundlegende Vorgänge wie die Suche nach Eigenschaften. Durch das Setzen von Traps beim Zugriff auf Eigenschaften kann das Verhalten von noSuchMethod emuliert werden:

<code class="javascript">function enableNoSuchMethod(obj) {
  return new Proxy(obj, {
    get(target, p) {
      if (p in target) {
        return target[p];
      } else if (typeof target.__noSuchMethod__ == "function") {
        return function(...args) {
          return target.__noSuchMethod__.call(target, p, args);
        };
      }
    }
  });
}</code>

Nutzung

Zum Beispiel:

<code class="javascript">function Dummy() {
  this.ownProp1 = "value1";
  return enableNoSuchMethod(this);
}

Dummy.prototype.test = function() {
  console.log("Test called");
};

Dummy.prototype.__noSuchMethod__ = function(name, args) {
  console.log(`No such method ${name} called with ${args}`);
  return;
};

var instance = new Dummy();
console.log(instance.ownProp1); // value1
instance.test(); // Test called
instance.someName(1, 2); // No such method someName called with [1, 2]
instance.xyz(3, 4); // No such method xyz called with [3, 4]
instance.doesNotExist("a", "b"); // No such method doesNotExist called with ["a", "b"]</code>

Dieses Beispiel zeigt, dass der Proxy den Zugriff auf Eigenschaften abfängt und im Falle der Nichtexistenz an die noSuchMethod-Implementierung delegiert, wodurch benutzerdefiniertes Verhalten für Eigenschaften ermöglicht wird, die nicht explizit definiert wurden.

Das obige ist der detaillierte Inhalt vonKönnen ES6-Proxys die noSuchMethod-Funktion für Eigenschaften in JavaScript emulieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!