如何在JavaScript中实现仅允许动态方法调用，禁止动态属性访问？

需求：希望JavaScript对象支持动态方法调用——对象未定义的方法仍可被调用（执行默认占位逻辑），但访问不存在的属性时返回undefined。示例如下：

const obj = {a: 5};
obj.dynamicMethodCallWithAnyNameYouWant(); // 应正常执行
obj.a; // 应正常返回5
obj.b; // 应返回undefined

当前尝试用Proxy实现，但存在逻辑缺陷：

const obj = new Proxy({a: 5}, {
  get(target, prop, receiver) {
    // 若属性不存在，则将其定义为新函数
    if (!(prop in target)) {
      target[prop] = function() {
        console.log(`Method ${prop} has been dynamically created and invoked!`);
      };
    }
    return Reflect.get(target, prop, receiver);
  }
});

obj.dynamicMethodCallWithAnyNameYouWant();
console.log(obj.a); // 输出5
const res = obj.thisShouldYieldUndefinedInsteadOfCreatingAFunction
res(); // 输出"Method thisShouldYieldUndefined ..."

问题核心：JavaScript不区分属性和方法，所有内容都是可访问的属性。当前实现中，只要访问不存在的属性，就会自动创建对应的函数，导致即使只是单纯访问属性（而非调用方法），也会得到一个函数而非undefined。

询问：是否有替代Proxy的方法实现预期行为？

解决方案：优化Proxy实现（无替代方案，Proxy是最佳选择） #

由于JavaScript的属性访问机制限制，没有比Proxy更合适的替代方案——只有Proxy能全局拦截对象的所有属性访问操作，实现动态逻辑。我们可以调整Proxy的get陷阱逻辑，避免提前将动态函数挂载到目标对象，而是返回一个特殊的占位函数：这个函数在被调用时执行默认逻辑，在被当作普通值访问时表现为undefined。

实现代码 #

const obj = new Proxy({a: 5}, {
  get(target, prop) {
    // 存在的属性直接返回
    if (prop in target) {
      return target[prop];
    }

    // 创建动态方法的占位函数
    const dynamicMethod = function() {
      console.log(`Method ${prop} has been dynamically invoked!`);
      // 这里可以添加自定义的默认逻辑
    };

    // 重写类型转换方法，让占位函数作为普通值时表现为undefined
    dynamicMethod.valueOf = () => undefined;
    dynamicMethod.toString = () => String(undefined);
    dynamicMethod[Symbol.toPrimitive] = (hint) => {
      // 当需要转换为字符串/数字时返回undefined
      if (hint === 'string' || hint === 'number') {
        return undefined;
      }
      // 调用场景下返回函数本身
      return dynamicMethod;
    };

    return dynamicMethod;
  }
});

测试验证 #

• obj.a → 返回5，符合预期
• obj.b → 表现为undefined（console.log(obj.b)输出undefined，obj.b == undefined返回true）
• obj.b() → 执行默认逻辑，打印Method b has been dynamically invoked!
• const res = obj.c; res() → 正常执行默认逻辑，符合动态方法调用需求

说明 #

• 该方案不会修改目标对象的属性，所有动态方法都是临时生成的占位函数，不会污染原对象
• 通过重写valueOf、toString和Symbol.toPrimitive，让占位函数在被当作普通值访问时表现为undefined，仅在调用时执行逻辑
• 没有其他原生API能替代Proxy实现这种全局动态拦截逻辑，__defineGetter__等旧API已被废弃且功能受限

内容的提问来源于stack exchange，提问作者Splines