JavaScript代码精简方法及CryptoJS加密失效问题求解决方案

你的加密解密代码存在明显错误，无法正常工作 #

错误点： #

• 密文截断导致数据丢失：加密函数只返回了密文的前10位，直接丢弃了大部分加密数据。解密时补0完全无法还原原始密文，自然得不到正确明文。
• 缺失IV（初始化向量）：CryptoJS的AES-CBC模式默认会生成随机IV，但你的代码没有保存这个IV，解密时也未提供正确IV，导致解密逻辑失效。
• 密钥处理不规范：直接用字符串作为密钥时，CryptoJS会通过特定算法推导密钥，但你的解密代码未匹配这一逻辑，进一步加剧解密失败概率。

修正后的加密解密代码 #

如果确实需要加密存储代码，可以使用以下正确实现（完整保存加密所需的所有数据）：

// 加密函数：返回包含salt、iv、密文的完整base64字符串
function encrypt(data, key) {
  return CryptoJS.AES.encrypt(data, key).toString();
}

// 解密函数：直接使用加密后的完整字符串解密
function decrypt(encryptedStr, key) {
  const decrypted = CryptoJS.AES.decrypt(encryptedStr, key);
  return decrypted.toString(CryptoJS.enc.Utf8);
}

使用示例： #

// 加密
const encryptedCode = encrypt("你的大段JS代码", "密钥");
// 解密并执行
eval(decrypt(encryptedCode, "密钥"));

更优的解决方案：直接使用外部JS文件 #

你的核心需求是避免大段代码写入HTML导致主机承载问题，加密完全是多余步骤——前端代码加密无安全性可言（密钥和解密逻辑都暴露在前端），还会增加性能开销。

正确做法：

• 将大段JS代码单独保存为一个.js文件（比如app.js）
• 在HTML中通过<script src="app.js"></script>引入该文件

这样HTML文件体积会大幅减小，主机完全可以承载，同时代码的加载、维护更规范，性能也比加密解密更好。

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