如何用ES6 Proxy实现仅执行未定义函数时触发指定操作？

你的核心需求是区分「属性访问」和「函数调用」两个场景：仅在调用不存在的函数时触发自定义逻辑，单纯访问时不报错，且让if(foo.f3)这类判断结果为false。

直接返回undefined的话，虽然能满足访问时的判断需求，但调用foo.f3()会触发原生的TypeError，无法自定义错误信息。所以我们需要返回一个特殊的函数：它在被调用时抛出自定义错误，同时在布尔判断中表现为“假值”。

以下是具体实现：

const foo = { 
  f1: () => console.log('执行f1'), 
  f2: () => console.log('执行f2') 
};

const handler = {
  get(target, prop) {
    // 如果属性存在，直接返回原属性
    if (prop in target) {
      return Reflect.get(target, prop);
    }

    // 针对不存在的属性，返回一个特殊函数
    const nonExistentFn = () => {
      // 这里写你的自定义操作，比如抛错
      throw new Error(`自定义错误：函数 "${String(prop)}" 不存在于foo对象中`);
    };

    // 让这个函数在布尔判断中表现为false（满足if(foo.f3)为false的需求）
    Object.defineProperty(nonExistentFn, Symbol.toPrimitive, {
      value: () => false,
      configurable: true
    });

    // 额外：让toString也返回空，更贴近undefined的表现
    nonExistentFn.toString = () => '';

    return nonExistentFn;
  }
};

const proxiedFoo = new Proxy(foo, handler);

测试场景验证： #

1. 访问不存在的属性：

   console.log(proxiedFoo.f3); // 输出：[Function: nonExistentFn]（但布尔判断为false）
   if (proxiedFoo.f3) {
     console.log('这段代码不会执行');
   }
   

2. 调用不存在的函数：

   proxiedFoo.f3(); // 抛出：Error: 自定义错误：函数 "f3" 不存在于foo对象中
   

3. 正常调用存在的函数：

   proxiedFoo.f1(); // 输出：执行f1
   

原理说明： #

• Symbol.toPrimitive是JS的内置符号，当对象需要被转换为原始值时（比如布尔判断），会调用这个方法。我们让它返回false，所以if(proxiedFoo.f3)会被判定为false。
• 返回的函数在被调用时，直接执行自定义逻辑（抛错），满足你“仅执行时触发操作”的需求。

如果你不需要if(foo.f3)为false，只是单纯不想在访问时触发错误，也可以简化代码：去掉Symbol.toPrimitive的定义，这样访问foo.f3会返回一个函数（真值），但只有调用时才抛错。

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