プロパティに対するプロキシベースの noSuchMethod の実装

JavaScript の noSuchMethod 機能を使用すると、存在しないメソッドへの呼び出しをインターセプトできます。しかし、プロパティにも同様のメカニズムはありますか?

ES6 Proxies to the Rescue

ES6 Proxies は、プロパティ アクセスをカスタマイズする機能を提供します。これを利用して、次のプロパティの __noSuchMethod__ のような動作をエミュレートできます。 新しいプロキシを返します(obj, { get(ターゲット, p) { if (ターゲット内の p) { ターゲット[p]を返します; else if (typeof target.__noSuchMethod__ == "関数") { return function(...args) { return target.__noSuchMethod__.call(target, p, args); }; } } }); }

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);
        };
      }
    }
  });
}

function Dummy() { this.ownProp1 = "値1"; 戻りenableNoSuchMethod(this); } Dummy.prototype.test = function() { console.log("テストが呼び出されました"); }; Dummy.prototype.__noSuchMethod__ = function(name, args) { console.log(`${args} を使用して呼び出されたメソッド ${name} はありません`); }; var インスタンス = 新しいダミー(); console.log(instance.ownProp1); インスタンス.テスト(); インスタンス.someName(1, 2); インスタンス.xyz(3, 4); instance.doesNotExist("a", "b");

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}`);
};

var instance = new Dummy();
console.log(instance.ownProp1);
instance.test();
instance.someName(1, 2);
instance.xyz(3, 4);
instance.doesNotExist("a", "b");

__ownProp1__: 既存のプロパティ値をログに記録します。

__test__: 定義されたメソッドをトリガーします。
• someName(1, 2)__: 存在しないメソッドを引数で呼び出します。これは __noSuchMethod
フックによって処理されます。
• __xyz(3, 4)__ : 上記と似ていますが、関数以外のプロパティも処理できることを示しています。
__doesNotExist("a", "b")__: 指定された引数を持つメソッド/プロパティが存在しないことをログに記録します。