編者按：現(xiàn)在開發(fā)Web應(yīng)用程序時(shí)，尤其是使用了無刷新技術(shù)的應(yīng)用程序，JavaScript文件成為一種必不可少的組成部分。大量的函數(shù)和代碼被轉(zhuǎn)移到客戶端腳本文件中，使得腳本文件的體積急劇膨脹。

大家知道，我們?cè)诰帉慗avaScript的時(shí)候，通常為了是代碼更具可讀性，因此增加了很多空格和tab控制符以及很多注釋。但是，對(duì)應(yīng)腳本解釋器來講，這些是沒有什么實(shí)際意義的，而這些字符缺占據(jù)了總體積的1/3以上甚至超過1半，是時(shí)候該對(duì)腳本文件進(jìn)行減肥了。

在筆者的工作中，也經(jīng)常遇到一些腳本的處理，為了使程序獲得更好的性能，減少網(wǎng)絡(luò)傳輸數(shù)據(jù)，減輕服務(wù)器壓力，需要對(duì)腳本進(jìn)行一個(gè)處理。這里我以我所使用的文本編輯器EmEditor來說明如何為JavaScript腳本文件進(jìn)行壓縮，這個(gè)過程主要是靠EmEditor的宏功能實(shí)現(xiàn)的，宏是一個(gè)很常用的技術(shù)，很多編輯器和集成開發(fā)工具IDE都支持的。

我們首先打開要壓縮的JS文件，然后點(diǎn)擊宏（Macros）－》選擇可以壓縮的宏－》運(yùn)行，就可以把大部分無用字符刪除了。

具有壓縮功能的宏（EmEditor使用）內(nèi)容如下，請(qǐng)保存為.jsee文件，或者直接點(diǎn)擊這里下載。

//去除遞進(jìn)
document.selection.Replace("^\\s*\\t*","",eeFindNext | eeFindReplaceCase | eeFindReplaceEscSeq | eeReplaceAll | eeFindReplaceOnlyWord | eeFindReplaceRegExp);


//去除注釋
document.selection.Replace("://",":$$$",eeFindNext | eeFindReplaceCase | eeFindReplaceEscSeq | eeReplaceAll | eeFindReplaceOnlyWord );
document.selection.Replace("//.*","",eeFindNext | eeFindReplaceCase | eeFindReplaceEscSeq | eeReplaceAll | eeFindReplaceOnlyWord | eeFindReplaceRegExp);
document.selection.Replace(":$$$","://",eeFindNext | eeFindReplaceCase | eeFindReplaceEscSeq | eeReplaceAll | eeFindReplaceOnlyWord );
//去除空行
document.selection.Replace("\\n\\n","\\n",eeFindNext | eeFindReplaceCase | eeFindReplaceEscSeq | eeReplaceAll | eeFindReplaceOnlyWord );
document.selection.Replace("\\n\\n","\\n",eeFindNext | eeFindReplaceCase | eeFindReplaceEscSeq | eeReplaceAll | eeFindReplaceOnlyWord );
document.selection.Replace("\\n\\n","\\n",eeFindNext | eeFindReplaceCase | eeFindReplaceEscSeq | eeReplaceAll | eeFindReplaceOnlyWord );
//去除換行
document.selection.Replace(";\\s*\\t*\\n",";",eeFindNext | eeFindReplaceCase | eeFindReplaceEscSeq | eeReplaceAll | eeFindReplaceOnlyWord | eeFindReplaceRegExp);
document.selection.Replace("\\}\\s*\\t*\\n","\\}",eeFindNext | eeFindReplaceCase | eeFindReplaceEscSeq | eeReplaceAll | eeFindReplaceOnlyWord | eeFindReplaceRegExp);
document.selection.Replace("\\{\\s*\\t*\\n","\\{",eeFindNext | eeFindReplaceCase | eeFindReplaceEscSeq | eeReplaceAll | eeFindReplaceOnlyWord | eeFindReplaceRegExp);
document.selection.Replace("\\s*\\t*\\n\\{","\\{",eeFindNext | eeFindReplaceCase | eeFindReplaceEscSeq | eeReplaceAll | eeFindReplaceOnlyWord | eeFindReplaceRegExp);
document.selection.Replace("\\s*\\t*\\n\\}","\\}",eeFindNext | eeFindReplaceCase | eeFindReplaceEscSeq | eeReplaceAll | eeFindReplaceOnlyWord | eeFindReplaceRegExp);
document.selection.Replace("\\\\\\s*\\t*\\n","",eeFindNext | eeFindReplaceCase | eeFindReplaceEscSeq | eeReplaceAll | eeFindReplaceOnlyWord | eeFindReplaceRegExp);
document.selection.Replace("else\\s*\\t*\\n","else ",eeFindNext | eeFindReplaceCase | eeFindReplaceEscSeq | eeReplaceAll | eeFindReplaceOnlyWord | eeFindReplaceRegExp);
//去除空格
document.selection.Replace(" == ","==",eeFindNext | eeFindReplaceCase | eeFindReplaceEscSeq | eeReplaceAll | eeFindReplaceOnlyWord );
document.selection.Replace(" += ","+=",eeFindNext | eeFindReplaceCase | eeFindReplaceEscSeq | eeReplaceAll | eeFindReplaceOnlyWord );
document.selection.Replace(" -= ","-=",eeFindNext | eeFindReplaceCase | eeFindReplaceEscSeq | eeReplaceAll | eeFindReplaceOnlyWord );
document.selection.Replace(" *= ","*=",eeFindNext | eeFindReplaceCase | eeFindReplaceEscSeq | eeReplaceAll | eeFindReplaceOnlyWord );
document.selection.Replace(" /= ","/=",eeFindNext | eeFindReplaceCase | eeFindReplaceEscSeq | eeReplaceAll | eeFindReplaceOnlyWord );
document.selection.Replace(" != ","!=",eeFindNext | eeFindReplaceCase | eeFindReplaceEscSeq | eeReplaceAll | eeFindReplaceOnlyWord );
document.selection.Replace(" > ",">",eeFindNext | eeFindReplaceCase | eeFindReplaceEscSeq | eeReplaceAll | eeFindReplaceOnlyWord );
document.selection.Replace(" < ","<",eeFindNext | eeFindReplaceCase | eeFindReplaceEscSeq | eeReplaceAll | eeFindReplaceOnlyWord );
document.selection.Replace(" + ","+",eeFindNext | eeFindReplaceCase | eeFindReplaceEscSeq | eeReplaceAll | eeFindReplaceOnlyWord );
document.selection.Replace(" - ","-",eeFindNext | eeFindReplaceCase | eeFindReplaceEscSeq | eeReplaceAll | eeFindReplaceOnlyWord );
document.selection.Replace(" * ","*",eeFindNext | eeFindReplaceCase | eeFindReplaceEscSeq | eeReplaceAll | eeFindReplaceOnlyWord );
document.selection.Replace(" && ","&&",eeFindNext | eeFindReplaceCase | eeFindReplaceEscSeq | eeReplaceAll | eeFindReplaceOnlyWord);
document.selection.Replace(" || ","||",eeFindNext | eeFindReplaceCase | eeFindReplaceEscSeq | eeReplaceAll | eeFindReplaceOnlyWord);
document.selection.Replace(" = ","=",eeFindNext | eeFindReplaceCase | eeFindReplaceEscSeq | eeReplaceAll | eeFindReplaceOnlyWord);

不幸的是，壓縮后的代碼由于沒有了遞進(jìn)、空格等字符，變得沒有任何可讀性，所以這里推薦你在壓縮前備份一份，只有在發(fā)布版本中采用壓縮腳本，正常開發(fā)時(shí)仍然使用具有格式、注釋的代碼。

事實(shí)上，如果您使用了微軟最新的ASP.NET Ajax擴(kuò)展的話，會(huì)注意到微軟這個(gè)Ajax框架的客戶端類庫(kù)同樣提供了兩個(gè)版本，壓縮前和壓縮后的，通過配置腳本管理器的屬性來輸出debug或者release模式的腳本。這兩個(gè)腳本的體積差別超過1倍，debug是3vxxk，而release版本由于采用了混淆和字符刪除，被壓縮到100k左右！

本文的例子僅僅進(jìn)行了壓縮，沒有混淆，通常混淆也是壓縮代碼的一個(gè)有效手段，方法名都被重命名為a，b，c等這樣的名字，大大減少了空間，最后要提醒大家的是，代碼壓縮是最后的一個(gè)優(yōu)化手段，能夠得到的優(yōu)化是非常有限的，而采用更好的結(jié)構(gòu)，增加重用代碼，才是王道。