JavaScript代碼壓縮可實(shí)現(xiàn)3大功能：減小體積、優(yōu)化邏輯、提升執(zhí)行效率

專業(yè)的JavaScript代碼壓縮，絕不僅僅是去除回車使代碼擠到一行，而是用真正的技術(shù)減小代碼體積、提升代碼性能。

下面，以JShaman的JavaScript代碼壓縮功能為例，以說(shuō)明JavaScript壓縮具體能對(duì)代碼進(jìn)行哪些優(yōu)化。

去除未使用的函數(shù)、變量

例：

壓縮前的代碼：
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();

如此便省去了無(wú)效代碼對(duì)空間的占用。

縮短函數(shù)名、變量名

例，壓縮前的代碼：
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_(){}

長(zhǎng)的函數(shù)名、變量名占用的空間多，變短自然省出了空間。

代碼邏輯優(yōu)化

對(duì)功能邏輯進(jìn)行判斷，去除某些由于邏輯無(wú)效而不會(huì)被執(zhí)行的代碼。

例，壓縮前的代碼：
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");

優(yōu)化了邏輯、去除了無(wú)效代碼，代碼執(zhí)行效率自然可得到提升。

字符串優(yōu)化

例，壓縮前的代碼：
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);

壓縮前，字符串或常量賦值給變量，后續(xù)代碼中使用變量進(jìn)行各種邏輯處理。

壓縮后，直接取變量真正內(nèi)容進(jìn)行操作，省略了對(duì)變量的使用，節(jié)省了邏輯開銷。

何時(shí)使用代碼壓縮？

在實(shí)際的編程中，平常不需要壓縮，優(yōu)化壓縮可能并不利于工作，比如：

使用有意義的長(zhǎng)變量名有助于理解代碼內(nèi)容，方便維護(hù)，而不該使用無(wú)意義短變量名；

條理分明、但可能不必要的條件判斷語(yǔ)言，同樣便于代碼理解，而不該為了短小而省略判斷。

其它，回注釋、換行、縮進(jìn)，都是日常編程的正常需要。

但在發(fā)行代碼時(shí)，需求可能與此相反，通常而言：

需要保密性的重要代碼，可進(jìn)行混淆加密。

而某些代碼，可能需要考慮性能、大小，以方便高效執(zhí)行、便于網(wǎng)絡(luò)傳輸可以進(jìn)行代碼壓縮。

那么，你的JavaScript代碼，是需要混淆加密呢，還是需要壓縮呢？