如何代理JavaScript内置对象？解决代理被原生函数误识别问题

当你用Proxy代理Number、String这类内置对象包装器时，像Object.prototype.toString这类依赖对象内部槽位（比如[[Class]]）的原生函数，会直接识别Proxy本身为普通对象——这是因为Proxy默认不会拦截这些内部方法的访问。

要让Proxy对象在这类原生函数中被识别为目标对象的类型，可以通过拦截Symbol.toStringTag属性来实现：Object.prototype.toString会优先读取这个Symbol值来生成类型字符串：

const n = new Number(10);
const p = new Proxy(n, {
  get(target, prop) {
    // 拦截toStringTag，返回目标对象的类型标识
    if (prop === Symbol.toStringTag) {
      return Object.prototype.toString.call(target).slice(8, -1);
    }
    // 其他属性和方法直接转发给目标对象
    return Reflect.get(target, prop);
  }
});

console.log(Object.prototype.toString.bind(n)()); // [object Number]
console.log(Object.prototype.toString.bind(p)()); // [object Number]

对于其他依赖内部槽位的原生函数（比如Number的valueOf、String的length访问等），通用思路是在Proxy的对应陷阱中，用Reflect方法直接转发操作到目标对象，确保原生内部逻辑能访问到目标对象的真实槽位数据。比如拦截get陷阱时优先用Reflect.get，它会自动处理内部槽位的访问逻辑。

少数极度依赖对象内部结构的原生API可能仍会区分Proxy和目标对象，但大部分常见场景下，通过上述拦截和转发方式就能让Proxy表现得和目标对象一致。

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