js压缩代码还原：从混淆文件找回可读逻辑

先判断你面对的是压缩还是混淆

同样是“一行代码”，处理难度差别很大。只做了空白压缩和短变量名的文件，格式化之后基本就能读；而经过字符串数组化、控制流平坦化、十六进制转义处理的文件，格式化只是起点。

动手前先做一次快速判断：把文件用编辑器打开，看字符串是不是集中堆在开头的一个大数组里，看函数体是不是被拆成一堆 case 分支。如果是，说明混淆程度较高，后面要花更多时间在结构还原上；如果只是变量名短、换行被删，那主要工作就是格式化和重命名。这个判断决定了你后面投入的精力，也决定了是否需要引入额外的反混淆处理。

第一步：格式化，把一行拆回可读结构

不论混淆程度如何，格式化都是绕不开的前置动作。把压缩代码粘贴进格式化工具，或者用编辑器自带的格式化功能，让代码恢复缩进和换行。这一步只改变排版，不改变语义，所以可以放心做。

格式化之后先通读一遍整体骨架：入口在哪、有哪些顶层函数、模块是怎么组织的。不要急着改任何东西，先建立对文件结构的印象。如果格式化后仍然出现超长的单行表达式，说明存在嵌套压缩，可以针对局部再格式化一次。

如果是自己项目的历史产物，先确认手头有没有对应的 source map。有 map 文件时，直接在浏览器开发者工具里加载，就能看到接近源码的形态，比手工还原省事得多；没有 map 才需要走后面的手工流程。

第二步：变量与函数重命名

格式化后的代码里，大量单字母标识符是阅读的最大障碍。处理方式是从外向内：先给入口函数和顶层模块起名，再逐层深入。

重命名的依据来自上下文——函数里调用了哪些 DOM 接口、操作了什么数据结构、返回值被谁使用。比如一个函数内部反复出现 document.querySelector 和事件绑定，那它大概率是初始化逻辑，可以据此命名。改完一处就在整个文件里统一替换，避免同名不同义。

遇到被多次复用的工具函数，不要急着起名，先看它的调用点分布，等理解了它在各处承担的角色再定名，否则后面还要返工。重命名过程中随时保存副本，混淆代码的替换很容易误伤字符串内容。

第三步：拆解字符串数组与控制流

字符串数组化是常见的混淆手段：所有字符串被抽到一个数组里，代码中通过下标访问。还原时可以先把数组整体提取出来，再把访问表达式替换成对应的字面量。如果数组在运行时有位移操作，需要先确认位移逻辑，否则替换出来的字符串会错位。

控制流平坦化则表现为一个大的 switch 或 while 循环，用状态变量决定执行顺序。处理这类结构，先找出状态变量的初始值和每次跳转的赋值，按执行顺序把分支重新排成线性代码，再删掉调度用的循环外壳。这一步改动量大，建议每还原一个函数就单独验证一次行为是否一致。

对于只做了十六进制或 Unicode 转义的字符串，直接用编辑器的查找替换或脚本统一解码即可，属于成本最低的一类处理。

第四步：验证还原结果是否等价

还原的目标是能读懂并能安全改动，所以每完成一轮处理都要做行为验证。最直接的办法是把还原后的代码放回原来的运行环境，观察功能是否正常；没有完整环境时，至少对关键函数做输入输出对比。

验证时重点盯三类地方：被重命名的函数是否在别处被字符串形式引用、被拆解的控制流是否遗漏了边界分支、替换过的字符串是否受运行时位移影响。这三处是还原后行为偏差的高发区。

如果只是临时阅读而不打算修改，可以跳过完整验证，但仍建议保留原始文件，方便对照。若你还需要对还原后的代码做体积处理或再次压缩，可以借助 JS压缩 工具完成，注意保留一份未压缩版本用于比对。

常见卡点与绕行思路

还原过程里最耗时的往往不是技术难点，而是判断失误。比如把压缩误判成强混淆，花大量时间拆控制流，结果发现只是换行被删；或者反过来，以为格式化就够，结果在字符串数组里绕不出来。

另一个高频问题是替换范围过大。全局替换某个短变量名时，容易把字符串里的同名片段一起改掉，导致运行报错。稳妥做法是限定替换范围，或者先替换成长度更长的临时名，确认无误后再统一。

当文件大到一次处理不完时，按模块切分，逐个函数还原并记录进度，比从头到尾线性推进更可控。

相关文章

• js压缩包能压成正规js文件吗？先看压缩方式

  从打包产物、压缩工具归档、混淆压缩三个角度说明js压缩包能否还原成可读的js文件，以及判断与处理思路。

• js压缩代码：手把手教你安全瘦身脚本

  从准备到验证，一步步说明如何压缩 JavaScript 文件，讲清变量改名、空白剔除的注意点，以及压缩后出错时怎么排查。

• js压缩上传图片：前端上传前该做哪些处理

  聊聊浏览器端在上传前压缩图片的思路：画布重绘、质量参数、格式选择与常见坑，帮你在体积和清晰度之间找到平衡。

• js压缩png图片：前端图片优化的思路与取舍

  聊聊在浏览器端用 JavaScript 处理 PNG 图片的实际能力边界、常见压缩思路与代码体积的权衡，帮你选对实现方向。

• js压缩png：代码与图片的另类结合

  探讨js压缩png的含义，澄清常见误解，并介绍如何将JavaScript代码压缩后嵌入PNG图片，以及相关注意事项。

常见问题