JavaScript奇淫技巧：清理无效的垃圾代码

JavaScript奇淫技巧：清理无效的垃圾代码

在编程过程中，难免会产生一些无效的、冗长的长码。

很常见的是：定义了某些变量，但未使用，或者是曾使用过，但在修改代码后不再使用。那么，它就成了无用的垃圾代码，而它占用着代码空间，使代码庞大、影响代码阅读。

在较大的工程中，往往有不少这种代码。

本文，演示一种方法，自动化地去除无效的变量。

例程：

 

 

​

添加图片注释，不超过 140 字（可选）

以上代码中，变量b是无用的。

通过编程，实现去除，完整代码如下：

 

​

添加图片注释，不超过 140 字（可选）

其原理是：将代码转化为AST（抽象语法树），从语法树中遍历变量定义，然后检测变量是否被引用或修改，如果变量既未引用、也未被修改过。则删除该变量。最后，再把AST重新生成为JS代码。

这段代码在NodeJS环境中使用，运行效果：

 

​

添加图片注释，不超过 140 字（可选）

从运行效果可以看到，删除了未使用的变量b，并重新生成了代码。

这个操作，可以精简、优化JS代码。

与这波操作相反的，有时，为了保护JS代码，防止代码被分析、复制、盗用；防止他人理解代码；或因小游戏过审等需要，而对JS代码进行混淆加密。

在JS代码混淆加密时，经常会有“僵尸代码植入操作”，会插入一些无用的变量和函数等，比如JShaman就具有这项功能。下面，再测试一下，用JShaman插入的JS代码，是否能用这种方式去除。

例程如下：

 

​

添加图片注释，不超过 140 字（可选）

在配置中，只选择“僵尸代码植入”。JShaman有很多JS加密选项，本文只测试是否能去除插入的JS代码，所以，只启用这一项：

 

​

添加图片注释，不超过 140 字（可选）

用JShaman混淆加密后，得到代码：

 

​

添加图片注释，不超过 140 字（可选）

代码中的红色标识处，都是随机插入的僵尸代码。

把这段代码，放到刚刚的程序中，并运行：

 

​

添加图片注释，不超过 140 字（可选）

从运行结果看，并未能去除被JShaman插入的僵尸代码，原因是因为僵尸变量也有引用和修改。

本文仅演示了无效变量的去除，同理，还可以用类似的方法去除无效的函数。

最后，附上本文使用的代码：

//自动去除无效变量

//Auther： JShaman.com w2sft

var parser = require("@babel/parser");

var traverse = require("@babel/traverse").default;

var generator = require("@babel/generator").default;

var jscode = `

function get_copyright() {

var _0x4d = 1 + 5;

var domain = "jshaman.com";

_0x4d = "apib";

var _0x05f;

var from_year = 2017;

_0x05f = 9;

var _0x;

var copyright = "(c)" + from_year + "-" + new Date().getFullYear() + "," + domain;

_0x = 8 + 2;

return copyright;

}

console.log(get_copyright());

`;

var ast = parser.parse(jscode);

var visitor = {

VariableDeclarator(path){

var binding = path.scope.getBinding(path.node.id.name);

//变量被修改过

if (!binding || binding.constantViolations.length > 0) {

return;

}

//变量没有被使用过

if (binding.referencePaths.length == 0) {

console.log(" 已删除变量：",path.node.id.name);

console.log();

path.remove();

}

},

}

traverse(ast, visitor);

console.log(generator(ast).code);

console.log();