格式化JavaScript代碼

javascript代碼格式化工具

網上下載的js代碼經常遇到代碼已被壓縮（注釋、換行、縮排、空格、TAB等都被刪除了），如果拿來學習、研究的話必定看到頭暈。有些編輯器的“格 式化代碼”功能可以解決這個問題，在網上搜尋了一下，找到一些這樣的工具，其中用sourceformatx 很不錯，支援很多語言，不過要收費，未註冊的不能格式化大於8k的代碼。註冊費188元，太貴了；TextRush雖說免費，但好像根本沒有發布； polystyle似乎不錯；vs.net的外掛程式ReSharper也有這樣的功能，這類工具好像還有：Trita、Eclipse等，不過最後找到了 Javascript Code Improver， 一個免費的工具。他很簡單，只有這一個功能，就是格式化js，也可以格式化和html混排代碼，足夠用了。
        效果：

<script language="JavaScript">var i=0,s="",k=0;function foo(){for(j=0;j<10;j++){for(i=0;i<10;i++){s="string1";k=Math.floor(Math.random()*10);}for(i=20;i>9;i--){s="string2";k=i;}}}</script>

格式化後：

<script language="JavaScript">
var i = 0, s = "", k = 0;
function foo()
{
    for(j = 0; j < 10; j++)
    {
        for(i = 0; i < 10; i++)
        {
            s = "string1";
            k = Math.floor( Math.random()*10 );
        }
        for(i = 20; i > 9; i--)
        {
            s = "string2";
            k = i;
        }
    }
}
</script>

另外如果要對js代碼進行壓縮的話，可以用這個：http://www.brainjar.com/js/crunch/demo.html  

使用該工具，要注意必須保證每個語句後面都有分號 (';')，不然會報類似 "expected ';'" 或 "missing ; before statement" 這樣的錯誤。比如
x = 3.141592
y = 2.718281

會變成 x=3.141592 y=2.718281，是個錯誤的語句。不過也有個好處，可以檢查出你哪些地方漏寫了分號。比較容易不寫分號的情況是：p.onreadystatechange = function(){....}; 和 rssInfos[i] = { id: idStr, url: urlStr }; 這兩種。

 

From: http://blog.donews.com/bigcarp/archive/2006/01/12/691890.aspx

 

補充：

JavaScript Code Improver

JavaScript Code Improver is an easy-to-use utility that makes the JavaScript code in your Web pages well-structured and easily comprehensible thus saving the time you spend on editing, debugging and modifying it. The program features the multilingual interface and support for drag-n-drop operations, and can handle JavaScripts embedded in the Web pages as well as stored in standalone .js files.

網址： http://jcay.com/id-190119110113039.html     下載：http://jcay.com/jscisetup.exe

 

1.javascript格式化及壓縮公用程式 可以格式化被壓縮或者沒有格式的javascript代碼

可以壓縮javascript代碼  

網址：http://www.div-css.com/f/tool/js-format-compress.html