为属性实现基于代理的noSuchMethod

JavaScript 中的 noSuchMethod 功能允许拦截对不存在方法的调用。然而，是否有类似的属性机制？

ES6 代理来救援

ES6 代理提供了自定义属性访问的能力。我们可以利用它来模拟属性的类似 __noSuchMethod__ 的行为：

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

示例实现

下面是使用代理实现可以处理未知属性的“Dummy”类的示例：

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")__：记录缺少带有提供的参数的方法/属性。