JavaScript函数Proxy的apply陷阱无法访问接收者Proxy的问题咨询

可行的解决方案 #

1. 闭包直接捕获Proxy #

这是最简洁的实现方式，在创建Proxy的作用域内，apply陷阱可以直接访问到proxy变量，无需修改目标对象：

const extensionMap = new WeakMap();
const targetFunc = () => console.log("original function");

const proxy = new Proxy(targetFunc, {
  apply(target, thisArg, args) {
    // 通过闭包直接拿到当前Proxy实例
    const extensionProps = extensionMap.get(proxy);
    console.log("扩展属性:", extensionProps);
    // 执行原函数逻辑
    return target.apply(thisArg, args);
  }
});

extensionMap.set(proxy, { customProp: "proxy-only value" });
proxy(); // 输出扩展属性及原函数内容

2. 给目标函数绑定Proxy引用 #

如果闭包方式不适用（比如Proxy是动态生成、作用域无法共享），可以给目标对象添加一个不可枚举属性指向Proxy，在apply陷阱中通过目标对象获取Proxy：

const extensionMap = new WeakMap();
const targetFunc = () => console.log("original function");

const proxy = new Proxy(targetFunc, {
  apply(target, thisArg, args) {
    // 通过目标对象的自定义属性获取Proxy
    const currentProxy = target.__proxyRef;
    const extensionProps = extensionMap.get(currentProxy);
    console.log("扩展属性:", extensionProps);
    return target.apply(thisArg, args);
  }
});

// 添加不可枚举属性，避免污染目标对象的可枚举属性列表
Object.defineProperty(targetFunc, "__proxyRef", {
  value: proxy,
  enumerable: false,
  writable: false,
  configurable: false
});

extensionMap.set(proxy, { customProp: "proxy-only value" });
proxy();

关于规范的疑问解答 #

这不属于Proxy规范的漏洞或不一致设计，而是基于场景的权衡结果：

• get/set陷阱的触发场景中，属性访问的接收者可能是Proxy本身，也可能是继承了Proxy的子类实例，必须传递接收者参数才能处理原型链、继承这类复杂场景。
• 而apply陷阱的核心场景是函数调用，ECMAScript规范设计时认为，开发者在创建Proxy时完全可以通过闭包捕获实例，不需要额外在apply参数中传递。另外，函数调用的上下文已经通过thisArg传递，新增Proxy接收者参数会增加规范复杂度，且必要性较低。

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