当前位置：首页 > news >正文

关于常见 JavaScript 混淆类型

news 来源：原创 2025/6/29 14:36:28

一、变量/函数名混淆

原理：将有意义的变量名替换为无意义的短名（如 _0xabc12, a, b1），让代码失去可读性。

示例

function _0x1f2a(_0x1234) {console['log'](_0x1234);
}
_0x1f2a('你好');

原始逻辑是：

function sayHello(name) {console.log(name);
}
sayHello('你好');

目的：隐藏函数功能，增加逆向难度。

解决方法

使用 js-beautify 美化代码
使用 Babel AST 或正则替换还原变量名
人工或自动语义命名（如 第一层, 参数1, 输出）

二、字符串混淆

原理：将字符串转为 Hex、Unicode、Base64 等格式，运行时再解密。

示例

var a = '\x63\x6f\x6e\x73\x6f\x6c\x65';  
var b = a + '\x2e\x6c\x6f\x67';  
eval(b + '("hello")');

等价于：

console.log("hello");

目的：隐藏字符串内容，如 API、函数名、密钥。

解决方法

用 console.log 打印 eval 参数
写脚本解码 hex/base64/unicode
Babel AST 静态替换解码函数

三、控制流扁平化

原理：将原本顺序执行的代码拆成块，用 switch/while/jump 执行，打乱执行顺序。

示例

(function(){var _idx = 0;var _arr = ['a', 'b', 'c'];while(true){switch(_arr[_idx++]) {case 'a': console.log("1"); break;case 'b': console.log("2"); break;case 'c': return;}}
})();

目的：打乱逻辑结构，阻止静态分析。

解决方法

静态分析 switch case 执行顺序
用 Babel 拆成顺序逻辑
人工逐步调试每一步

四、数组映射字符串

原理：把关键字符串存在数组中，用数组下标访问调用。

示例

var arr = ['log', 'hello'];
console[arr[0]](arr[1]);

等价于：

console.log("hello");

目的：隐藏调用结构。

解决方法

使用脚本将数组反查原值并替换所有引用
Babel traverse 实现自动替换

五、多层 eval

原理：用多层嵌套的 eval 执行，防止静态阅读和调试。

示例

eval(eval("String.fromCharCode(99,111,110,115,111,108,101)+'.log(\"hi\")'"));

最终等价于：

console.log("hi");

解决方法

Hook eval 函数打印执行参数
用 console.log 替代 eval 查看内部结构
把 eval 参数提取出来还原

六、new Function 动态执行

原理：用 new Function() 构造运行时代码。

示例

var fn = new Function('console.log("hi")');  
fn();

目的：等价于 eval，隐藏逻辑。

解决方法

替换为 console.log 输出代码内容
在浏览器中注入 Hook Function 构造器

七、动态网络加载代码

原理：运行时从网络下载 JS 脚本，使用 eval 或 script 标签执行。

示例

fetch('/api/js').then(r => r.text()).then(eval);

目的：绕过静态分析，延迟投毒。

解决方法

抓包获取真实脚本内容
屏蔽动态加载，分析本地脚本
Hook fetch / xhr 返回体

八、JS VM 虚拟机混淆

原理：把 JS 编译成字节码，运行一个自定义解释器执行。

示例

var code = [0x12, 0x34, 0x78];  
MyVM.run(code);

目的：完全隐藏真实逻辑，甚至加壳。

解决方法

分析 VM 实现，还原 opcode 与行为映射
手动构建 opcode -> JS 代码的转换脚本
跟踪运行行为，dump 中间变量

九、JSFuck 编码混淆

原理：用仅 [ ] ( ) + ! 六个字符实现 JS 代码。

示例

[][(![]+[])[+[]]+([][[]]+[])[+!+[]]+...][([]+[])[+[]]+...][([]+[])[+[]]+...]('alert(1)')();

解决方法

使用 https://enkhee-osiris.github.io/Decoder-JSFuck/ 解码
手写 JSFuck 解码器或 AST 解析器还原

十、反调试/反控制台

原理：检测是否打开了 devtools 调试器，阻止控制台输出。

示例

setInterval(function(){if(window.outerHeight - window.innerHeight > 100) {alert("调试器检测");}
}, 1000);

目的：防止调试器断点分析。

解决方法

注释相关检测代码
重写相关函数如 console.log, window.outerHeight
使用无头浏览器配合 bypass 技术

十一、实战举例

11.1 混淆代码

(function (_0x3f12d1, _0x1b23f4) {var _0xabc123 = function (_0x5a72c1) {while (--_0x5a72c1) {_0x3f12d1['push'](_0x3f12d1['shift']());}};_0xabc123(++_0x1b23f4);
})(['log', 'Hello\x20World'], 0x1);var _0x55ee = function (_0x1d3f84, _0x2f7e3b) {_0x1d3f84 = _0x1d3f84 - 0x0;var _0x4328cb = ['log', 'Hello World'];return _0x4328cb[_0x1d3f84];
};console[_0x55ee(0x0)](_0x55ee(0x1));

11.2 初步分析

混淆点：

立即执行函数 IIFE 中对数组进行了 shift/rotate 操作
_0x55ee 是一个偏移映射函数（类数组解码）
控制台调用变成了动态索引访问

目标是还原出最原始的代码。

11.3 逐步还原

步骤 1：恢复 IIFE 之后的数组内容

(function (_0x3f12d1, _0x1b23f4) {var _0xabc123 = function (_0x5a72c1) {while (--_0x5a72c1) {//arr.shift()：移除并返回数组开头的元素。//arr.push(value)：将一个元素添加到数组末尾。_0x3f12d1['push'](_0x3f12d1['shift']());}};_0xabc123(++_0x1b23f4);
})(['log', 'Hello World'], 0x1);

执行逻辑等价于：

let arr = ['log', 'Hello World'];
arr.push(arr.shift()); // 'log' 被移到最后
// => ['Hello World', 'log']

所以 _0x55ee 实际访问的是：

['Hello World', 'log']

但是注意：混淆里写的是 ['log', 'Hello World']，所以 IIFE 执行后变成 ['Hello World', 'log']。

步骤 2：解读 _0x55ee 作用

var _0x55ee = function (_0x1d3f84, _0x2f7e3b) {_0x1d3f84 = _0x1d3f84 - 0x0;var _0x4328cb = ['log', 'Hello World'];return _0x4328cb[_0x1d3f84];
};

但注意：这个数组 ['log', 'Hello World'] 是原始的，没有做 shift。

所以这里 _0x55ee(0x0) 实际返回的是 'log'，_0x55ee(0x1) 返回 'Hello World'。

步骤 3：替换 console 调用部分

console[_0x55ee(0x0)](_0x55ee(0x1));

等价于：

console['log']('Hello World');

11.4 还原代码

完全还原结果如下：

console.log('Hello World');

11.5 总结分析

混淆点	意图	解决方式
数组移位	打乱数组索引逻辑	运行一次 IIFE 获取结果
索引函数 `_0x55ee`	模拟字符串映射	提前计算函数返回值并替换
动态调用 `console[...]`	避免搜索关键字	静态替换成 `console.log`