JavaScript 中怎么使用 Proxy 实现属性名称的大小写不敏感代理-js教程-PHP中文网

javascript可通过proxy实现大小写不敏感的属性访问：拦截get/set/has/deleteproperty等操作，将键统一转为小写后操作底层map存储，保留原始对象大小写信息，支持in、for...in及属性描述符，但不自动同步原始对象变更。

javascript 中怎么使用 proxy 实现属性名称的大小写不敏感代理

JavaScript 中可以通过 Proxy 拦截对象的属性访问（get、set、has、deleteProperty 等），将所有属性名统一转为小写（或大写）后再操作原始对象，从而实现大小写不敏感的属性访问。

基础代理：统一转小写处理

核心思路是：在拦截器中把传入的 key 转为小写，再对目标对象进行读/写操作。注意需保留原始属性名的大小写用于实际存储（否则会丢失大小写信息），因此建议底层用一个“规范化的键映射”来存取，比如用 Map 或普通对象配合小写键。

使用 Map 存储数据最稳妥（避免原型污染和特殊键问题）
get 和 set 拦截器中统一将 key 转为小写作为查找依据
has、deleteProperty 同样需做小写归一化

完整可运行示例

以下是一个基于 Map 的大小写不敏感 Proxy 实现：

CPA Update - Secure CLI Proxy API Maintenance

安全更新和维护 CLI Proxy API（CPA）部署与配置。用于 CPA 镜像升级、配置变更、认证目录兼容修复、上线验证与回滚。适用于用户提到“CPA 更新/升级/配置改了/容器重建/回滚”等场景。

下载

function caseInsensitive(obj = {}) {
  const data = new Map();
  // 初始化：将原始对象属性转小写后存入 Map
  Object.keys(obj).forEach(key => {
    data.set(key.toLowerCase(), obj[key]);
  });

  return new Proxy({}, {
    get(target, key) {
      if (typeof key === 'string') {
        return data.get(key.toLowerCase());
      }
      return undefined;
    },
    set(target, key, value) {
      if (typeof key === 'string') {
        data.set(key.toLowerCase(), value);
      }
      return true;
    },
    has(target, key) {
      return typeof key === 'string' && data.has(key.toLowerCase());
    },
    deleteProperty(target, key) {
      if (typeof key === 'string') {
        return data.delete(key.toLowerCase());
      }
      return false;
    },
    ownKeys() {
      return Array.from(data.keys());
    },
    getOwnPropertyDescriptor(target, key) {
      if (data.has(key.toLowerCase())) {
        return {
          value: data.get(key.toLowerCase()),
          writable: true,
          enumerable: true,
          configurable: true
        };
      }
      return undefined;
    }
  });
}

// 使用示例
const user = caseInsensitive({ Name: 'Alice', AGE: 30 });
console.log(user.name);   // 'Alice'
console.log(user.NAME);   // 'Alice'
console.log(user.age);    // 30
user.Name = 'Bob';
console.log(user.name);   // 'Bob'

注意事项与限制

这种代理不直接代理原始对象，而是维护独立状态（如 Map），因此：

原始对象的修改不会反映到代理上，反之亦然（除非你额外同步）
不能代理不可枚举属性或 Symbol 键（除非显式支持 Symbol 拦截）
in 操作符依赖 has，已支持；但 for...in 遍历依赖 ownKeys + getOwnPropertyDescriptor，上面示例已覆盖
若需保留原始大小写用于展示（如序列化），可额外维护一份原始键名映射