JavaScript 中怎么使用 Proxy 实现对象属性的加密与解密代理-js教程-PHP中文网

javascript可通过proxy实现属性透明加解密：set时加密、get时解密，需确保加密可逆、密钥安全隔离，并仅对白名单属性操作；推荐用weakmap存储密文、web crypto api加密、约定前缀过滤。

javascript 中怎么使用 proxy 实现对象属性的加密与解密代理

JavaScript 中可以通过 Proxy 拦截对象的读写操作，在 set 时加密、在 get 时解密，从而实现属性值的透明加解密。关键在于：加密逻辑需可逆、密钥需安全隔离、避免对非敏感属性误处理。

基础代理结构：拦截 get/set 并嵌入加解密

使用 Proxy 的 get 和 set 拦截器，在存取指定属性时自动加解密。推荐将原始数据存在私有存储（如闭包中的 Map 或 Symbol 键），防止明文暴露：

用 WeakMap 存储加密后的值，键为原始目标对象，避免内存泄漏
只对约定前缀（如 _secure_）或白名单属性做加解密，跳过方法、原型属性等
加解密函数建议用 Web Crypto API（如 AES-GCM）或成熟库（如 crypto-js），不手写简单异或

示例：AES 加密 + Proxy 透明代理

以下为简化但可运行的示例（依赖 crypto-js）：

javascript-pro

专注现代 ECMAScript、异步编程、性能优化和全栈的 JavaScript 专家，适用于现代开发

下载

const CryptoJS = require('crypto-js');

const key = CryptoJS.enc.Utf8.parse('1234567890123456'); // 16 字节 AES-128 密钥
const iv = CryptoJS.enc.Utf8.parse('1234567890123456');

const encryptedStore = new WeakMap();

function createSecureProxy(obj, secureKeys = []) {
  return new Proxy(obj, {
    get(target, prop) {
      if (secureKeys.includes(prop) && encryptedStore.has(target)) {
        const cipherText = encryptedStore.get(target)[prop];
        if (cipherText) {
          try {
            const decrypted = CryptoJS.AES.decrypt(cipherText, key, { iv }).toString(CryptoJS.enc.Utf8);
            return decrypted || undefined;
          } catch (e) {
            console.warn(`解密 ${prop} 失败`, e);
            return undefined;
          }
        }
      }
      return target[prop];
    },
    set(target, prop, value) {
      if (secureKeys.includes(prop)) {
        if (!encryptedStore.has(target)) {
          encryptedStore.set(target, {});
        }
        const cipherText = CryptoJS.AES.encrypt(value.toString(), key, { iv }).toString();
        encryptedStore.get(target)[prop] = cipherText;
        return true;
      }
      target[prop] = value;
      return true;
    }
  });
}

// 使用
const user = { name: 'Alice', email: 'a@example.com' };
const secureUser = createSecureProxy(user, ['email']);
secureUser.email = 'a@secret.com'; // 自动加密存储
console.log(secureUser.email); // → 'a@secret.com'（自动解密后返回）
console.log(user.email); // → 'a@example.com'（原始对象未被修改）