JavaScript代码压缩的功效与作用

news2024/12/24 2:56:41

JavaScript代码压缩可实现3大功能：减小体积、优化逻辑、提升执行效率

专业的JavaScript代码压缩，绝不仅仅是去除回车使代码挤到一行，而是用真正的技术减小代码体积、提升代码性能。

下面，以JShaman的JavaScript代码压缩功能为例，以说明JavaScript压缩具体能对代码进行哪些优化。

去除未使用的函数、变量

例：

压缩前的代码：
function fun_one(){ console.log(var_one); } function fun_two(){ console.log(var_one); } fun_one();
压缩后：
function fun_one() { console.log(var_one); } fun_one();
压缩前的代码：
var var_one = 1; var var_two = 2; function fun_one(){ console.log(var_one); } fun_one();
压缩后：
var var_one = 1; function fun_one() { console.log(var_one); } fun_one();

如此便省去了无效代码对空间的占用。

缩短函数名、变量名

例，压缩前的代码：
var var_variable_one = 1; var var_variable_two = 2;
压缩后：
var _0_ = 1; var _0_2 = 2;
例，压缩前的代码：
function fun_get_time(){} function fun_set_time(){}
压缩后：
function _f1_(){} function _f2_(){}

长的函数名、变量名占用的空间多，变短自然省出了空间。

代码逻辑优化

对功能逻辑进行判断，去除某些由于逻辑无效而不会被执行的代码。

例，压缩前的代码：
if(1==1){ console.log("1=1"); } else { console.log("1!=1"); }
压缩后：
console.log("1=1");
例，压缩前的代码：
2==2?console.log("2=2"):console.log("2!=2");
压缩后：
console.log("2=2");

优化了逻辑、去除了无效代码，代码执行效率自然可得到提升。

字符串优化

例，压缩前的代码：
var four_one = 4; var four_two; var four_three ="this is four_three"; four_two = 5; console.log(four_one,four_two,four_three,four_three);
压缩后：
var four_two; var four_three = "this is four_three"; four_two = 5; console.log(4, four_two, four_three, four_three);

压缩前，字符串或常量赋值给变量，后续代码中使用变量进行各种逻辑处理。

压缩后，直接取变量真正内容进行操作，省略了对变量的使用，节省了逻辑开销。