Proxy 无法直接代理函数声明，需将函数挂载到可代理对象中，通过 get 拦截访问、apply 拦截执行，并结合 Reflect 保证语义正确与兼容性。

直接用函数声明搭配 Proxy，没法让函数本身被代理——因为函数是对象，但 Proxy 只能代理“对象”，而普通函数声明生成的是不可扩展、不可代理的原生函数实例（尤其箭头函数和具名函数声明）。真正可行的路径是：把函数逻辑封装进可代理的对象结构里，再用 Proxy 拦截其调用、访问或执行上下文。核心不在“代理函数”，而在“代理函数的容器”。

把函数挂载到可代理对象上

函数声明本身不能被 Proxy 直接包装，但你可以把它作为属性值放进一个普通对象，再代理这个对象。这样所有对函数的访问（如 obj.fn）和调用（如 obj.fn()）都能被拦截。

• 声明函数后，统一收口到一个配置对象中，避免零散暴露
• handler 中用 get 拦截属性读取，记录调用意图；用 apply 拦截实际执行（需确保该属性值是函数）
• 示例：

  function fetchData() { return fetch('/api/user'); }
  function saveLog(msg) { console.log('[LOG]', msg); }
  <p>const actions = { fetchData, saveLog };</p><p>const handler = {
  get(target, prop) {
  if (typeof target[prop] === 'function') {
  console.debug(<code>[状态网关] 准备调用: ${prop}</code>);
  return new Proxy(target[prop], {
  apply(fn, thisArg, args) {
  console.time(<code>[执行] ${prop}</code>);
  const result = fn.apply(thisArg, args);
  console.timeEnd(<code>[执行] ${prop}</code>);
  return result;
  }
  });
  }
  return target[prop];
  }
  };</p><p>const gateway = new Proxy(actions, handler);
  gateway.fetchData(); // 触发双重拦截：先 get，再 apply
  

用 Proxy 包裹函数工厂，实现动态拦截注入

不依赖固定函数声明，而是把函数创建过程交给 Proxy 控制。每次“获取函数”都走 handler，可按需插入日志、校验、节流、mock 等逻辑，适合构建可配置的状态响应网关。

PigX UI 前端开发

PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。

下载

立即学习“前端免费学习笔记（深入）”；

• handler 的 get 不返回原始函数，而是返回一个新生成的包装函数
• 支持运行时开关拦截（如仅开发环境启用）、字段级策略（如只对 submitForm 记录参数）
• 避免污染原始函数，也不需要提前声明所有函数

结合 Reflect 保持行为一致性

在 Proxy handler 中调用 Reflect.apply 或 Reflect.get，而不是直接调用 target[prop](...) 或 target[prop]，能确保语义准确、this 绑定正确、且兼容继承与 Symbol 属性。

• 例如在 apply trap 中，用 Reflect.apply(target, thisArg, args) 替代 target.apply(thisArg, args)
• 这样即使目标函数是类方法或绑定函数，也能保留原始调用链
• 配合 receiver 参数还能控制原型链查找行为，对 Vue/React 类组件状态方法拦截更可靠

规避常见陷阱

这类网关容易在边界场景失效，需主动防御：

• 不要代理箭头函数——它没有自己的 this 和 arguments，apply trap 无法正常接管
• 避免在拦截器里做异步上报（如再发一次 fetch），可能引发竞态或循环采集
• 若函数返回 Promise，脱敏或日志应放在 .then 外层处理，而不是试图代理 Promise 实例（Promise 不可代理）
• 全局函数（如 window.fetch）要重写而非代理，Proxy 对全局变量无效