ES6 Proxy set陷阱在目标对象方法内修改属性时未触发的问题

先把你的代码贴出来（我补了set陷阱里必要的赋值和返回值，不然属性不会实际更新哦）：

let foo = {bar: 'baz', method() { this.bar = 'baz2' }}
let fooProxy = new Proxy(foo, {
  set(target, key, val) { 
    console.log('set trap triggered!');
    target[key] = val; // 实际更新属性值
    return true; // set陷阱必须返回布尔值表示操作成功
  }
})
fooProxy.bar = 'any value' // 符合预期：set陷阱触发！
foo.method() // 陷阱未触发

为啥会出现这种情况？ #

说白了就是函数里的this没指向代理！
当你直接调用foo.method()的时候，这个方法内部的this是绑定在原始的foo对象上的，不是我们创建的fooProxy。所以执行this.bar = 'baz2'的时候，是直接修改原始对象的属性，完全绕开了Proxy的拦截逻辑，自然不会触发set陷阱。

怎么确保内部修改也能触发陷阱？ #

核心思路就是让方法执行时的this指向代理对象fooProxy，这里给你三个实用方案：

方案1：手动绑定方法的this到代理 #

创建代理后，把原始对象的方法重新绑定到代理：

foo.method = foo.method.bind(fooProxy);
// 现在调用foo.method()就会触发set陷阱了
foo.method(); // 输出：set trap triggered!

这个方法简单粗暴，适合方法固定的场景，但如果后续给foo新增方法，得手动重复绑定，有点麻烦。

方案2：用Proxy的get陷阱自动绑定this（最推荐） #

通过get陷阱拦截所有属性访问，只要访问的是函数，就返回一个绑定了代理this的新函数：

let foo = {bar: 'baz', method() { this.bar = 'baz2' }}
let fooProxy = new Proxy(foo, {
  get(target, key) {
    const value = target[key];
    // 如果是函数，自动绑定this到代理
    if (typeof value === 'function') {
      return value.bind(fooProxy);
    }
    return value;
  },
  set(target, key, val) { 
    console.log('set trap triggered!');
    target[key] = val;
    return true;
  }
})

fooProxy.method(); // 触发set陷阱
fooProxy.bar = 'test'; // 正常触发

这个方案最通用，不管是原有方法还是后续新增的方法，只要通过代理访问，都会自动把this绑到代理上，完美覆盖所有函数调用的场景，完全不用手动处理。

方案3：用Reflect.set指定receiver（适合能改方法内部的场景） #

如果你不想改this指向，但可以修改方法内部代码，那可以用Reflect.set并指定receiver为代理：

let foo = {
  bar: 'baz', 
  method() { 
    // 用Reflect.set把receiver指定为代理
    Reflect.set(this, 'bar', 'baz2', fooProxy);
  }
}
let fooProxy = new Proxy(foo, {
  set(target, key, val, receiver) { 
    console.log('set trap triggered!');
    // 传递receiver保持上下文
    return Reflect.set(target, key, val, receiver);
  }
})

foo.method(); // 触发set陷阱

这个方案灵活性稍差，因为需要修改原始方法的代码，适合特殊场景下使用。

补充：关于拦截所有变更的小提示 #

如果你的核心需求是拦截foo的所有变更（比如每次修改都设置foo.changed = true），那方案2绝对是最优解，它能同时覆盖外部直接修改代理属性、内部方法修改属性的场景，确保任何属性变更都逃不过你的拦截逻辑。

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