[转]JavaScript格式化代码程序

 

发现一个不错的JavaScript写的格式JavaScript代码的程序，能够压缩代码，也能够格式化，功能不错。

 

< HTML >< HEAD >< TITLE > Format </ TITLE >
< META  content ="MSHTML 6.00.2800.1528"  name =GENERATOR >
< META  content =""  name =Author >
< META  content =""  name =Keywords >
< META  content =""  name =Description ></ HEAD >
< BODY >
< SCRIPT  language =JavaScript >
<!--
/**//**//**//* * 
**    ==================================================================================================  
**    类名：CLASS_FORMATER
**    功能：JS格式化  
**    示例：  
    ---------------------------------------------------------------------------------------------------  
  
            var xx        = new CLASS_FORMATER(code);            

            document.getElementById("display").innerHTML = xx.format(); 
  
    ---------------------------------------------------------------------------------------------------  
**    作者：ttyp  
**    邮件：ttyp@21cn.com  
**    日期：2006-5-21  
**    版本：0.1
**    ==================================================================================================  
* */   

function  CLASS_FORMAT(code){
     // 哈希表类
     function  Hashtable(){
         this ._hash         =   new  Object();
         this .add         =   function (key,value){
                             if ( typeof (key) != " undefined " ){
                                 if ( this .contains(key) == false ){
                                     this ._hash[key] = typeof (value) == " undefined " ? null :value;
                                     return   true ;
                                }  else  {
                                     return   false ;
                                }
                            }  else  {
                                 return   false ;
                            }
                        }
         this .remove         =   function (key){ delete   this ._hash[key];}
         this .count         =   function (){ var  i = 0 ; for ( var  k  in   this ._hash){i ++ ;}  return  i;}
         this .items         =   function (key){ return   this ._hash[key];}
         this .contains     =   function (key){ return   typeof ( this ._hash[key]) != " undefined " ;}
         this .clear         =   function (){ for ( var  k  in   this ._hash){ delete   this ._hash[k];}}

    }

     this ._caseSensitive  =   true ;

     // 字符串转换为哈希表
     this .str2hashtable  =   function (key,cs){
        
         var  _key     =  key.split( / , / g);
         var  _hash     =   new  Hashtable(); 
         var  _cs         =   true ;

    
         if ( typeof (cs) == " undefined " || cs == null ){
            _cs  =   this ._caseSensitive;
        }  else  {
            _cs  =  cs;
        }

         for ( var  i  in  _key){
             if (_cs){
                _hash.add(_key[i]);
            }  else  {
                _hash.add((_key[i] + "" ).toLowerCase());
            }

        }
         return  _hash;
    }

     // 获得需要转换的代码
     this ._codetxt         =  code;

     if ( typeof (syntax) == " undefined " ){
        syntax  =   "" ;
    }

     this ._deleteComment  =   false ;
     // 是否大小写敏感
     this ._caseSensitive  =   true ;
     // 可以后面加块语句的关键字
     this ._blockElement   =   this .str2hashtable( " switch,if,while,try,finally " );
     // 是函数申明
     this ._function       =   this .str2hashtable( " function " );
     // 本行括号内分号不做换行
     this ._isFor             =   " for " ;

     this ._choiceElement  =   this .str2hashtable( " else,catch " );

     this ._beginBlock     =   " { " ;
     this ._endBlock       =   " } " ;
    
     this ._singleEyeElement  =   this .str2hashtable( " var,new,return,else,delete,in,case " );
     // 得到分割字符
     this ._wordDelimiters =   " 　 ,.?!;://<>(){}[]"' =+-|*%@#$^& " ;
     // 引用字符
     this ._quotation      =   this .str2hashtable( " ",' " );
     // 行注释字符
     this ._lineComment    =   " // " ;
     // 转义字符
     this ._escape         =   " / " ;
     // 多行引用开始
     this ._commentOn         =   " /* " ;
     // 多行引用结束
     this ._commentOff     =   " */ " ;
     // 行结束词
     this ._rowEnd         =   " ; " ;

     this ._in             =   " in " ;


     this .isCompress         =   false ;
     this .style             =   0 ;

     this ._tabNum         =   0 ;


     this .format  =   function () {
         var  codeArr         =   new  Array();
         var  word_index     =   0 ;
         var  htmlTxt         =   new  Array();

         if ( this .isCompress){
             this ._deleteComment  =   true ;
        }


         // 得到分割字符数组(分词)
         for  ( var  i  =   0 ; i  <   this ._codetxt.length; i ++ ) {       
             if  ( this ._wordDelimiters.indexOf( this ._codetxt.charAt(i))  ==   - 1 ) {         // 找不到关键字
                 if  (codeArr[word_index]  ==   null   ||   typeof (codeArr[word_index])  ==   ' undefined ' ) {
                    codeArr[word_index]  =   "" ;
                }
                codeArr[word_index]  +=   this ._codetxt.charAt(i);
            }  else  {
                 if  ( typeof (codeArr[word_index])  !=   ' undefined '   &&  codeArr[word_index].length  >   0 )
                    word_index ++ ;
                codeArr[word_index ++ ]  =   this ._codetxt.charAt(i);                
            } 
        }


         var  quote_opened                 =   false ;     // 引用标记
         var  slash_star_comment_opened    =   false ;     // 多行注释标记
         var  slash_slash_comment_opened   =   false ;     // 单行注释标记
         var  line_num                     =   1 ;         // 行号
         var  quote_char                   =   "" ;        // 引用标记类型

         var  function_opened              =   false ;

         var  bracket_open                 =   false ;
         var  for_open                     =   false ;

         // 按分割字，分块显示
         for  ( var  i = 0 ; i  <= word_index; i ++ ){            
             // 处理空行（由于转义带来）
             if ( typeof (codeArr[i]) == " undefined " || codeArr[i].length == 0 ){
                 continue ;
            }  else   if (codeArr[i] == "   " || codeArr[i] == " " ){
                 if (slash_slash_comment_opened || slash_star_comment_opened){
                     if ( ! this ._deleteComment){
                        htmlTxt[htmlTxt.length]  =  codeArr[i];
                    }
                }
                 if (quote_opened){
                        htmlTxt[htmlTxt.length]  =  codeArr[i];                    
                }
            }  else   if (codeArr[i] == " " ){
             // 处理换行
            }  else   if  (codeArr[i]  ==   " " ){                                                                    
                slash_slash_comment_opened  =   false ;    
                quote_opened     =   false ;
                line_num ++ ;
                 if ( ! this .isCompress){
                    htmlTxt[htmlTxt.length]  =   " " +   this .getIdent();    
                }
             // 处理function里的参数标记
            }  else   if  ( ! slash_slash_comment_opened &&! slash_star_comment_opened  &&   ! quote_opened  && this .isFunction(codeArr[i])){
                htmlTxt[htmlTxt.length]  =  codeArr[i]   +   "   " ;
                function_opened  =   true ;
            }  else   if  ( ! slash_slash_comment_opened &&! slash_star_comment_opened  &&   ! quote_opened  && codeArr[i] == this ._isFor){
                htmlTxt[htmlTxt.length]  =  codeArr[i];
                for_open  =   true ;
            }  else   if  ( ! slash_slash_comment_opened &&! slash_star_comment_opened  &&   ! quote_opened  && codeArr[i] == " ( " ){
                bracket_open     =   true ;
                htmlTxt[htmlTxt.length]  =  codeArr[i];
            }  else   if  ( ! slash_slash_comment_opened &&! slash_star_comment_opened  &&   ! quote_opened  && codeArr[i] == " ) " ){
                bracket_open     =   false ;
                htmlTxt[htmlTxt.length]  =  codeArr[i];
            }  else   if  ( ! slash_slash_comment_opened &&! slash_star_comment_opened  &&   ! quote_opened  && codeArr[i] == this ._rowEnd){
                 if ( ! this .isCompress){
                     if ( ! for_open){
                         if (i < word_index && (codeArr[i + 1 ] != " " && codeArr[i + 1 ] != " " )){                            
                            htmlTxt[htmlTxt.length]  =  codeArr[i]  +   " "   +   this .getIdent();
                        } else {
                            htmlTxt[htmlTxt.length]  =  codeArr[i]  +   this .getIdent();
                        }
                    } else {
                        htmlTxt[htmlTxt.length]  =  codeArr[i];                    
                    }
                } else {
                    htmlTxt[htmlTxt.length]  =  codeArr[i];
                }
            }  else   if ( ! slash_slash_comment_opened &&! slash_star_comment_opened  &&   ! quote_opened  && codeArr[i] == this ._beginBlock){
                for_open     =   false ;
                 if ( ! this .isCompress){
                     switch ( this .style){
                         case   0 :
                             this ._tabNum ++ ;
                            htmlTxt[htmlTxt.length]  =  codeArr[i]  +   " "   +   this .getIdent();
                             break ;
                         case   1 :
                            htmlTxt[htmlTxt.length]  =   " "   +   this .getIdent();
                             this ._tabNum ++ ;
                            htmlTxt[htmlTxt.length]  =  codeArr[i]  +   " " +   this .getIdent();
                             break ;
                         default :
                             this ._tabNum ++ ;
                            htmlTxt[htmlTxt.length]  =  codeArr[i];
                             break ;
                            
                    }
                } else {
                    htmlTxt[htmlTxt.length]  =  codeArr[i];
                }

            }  else   if ( ! slash_slash_comment_opened &&! slash_star_comment_opened  &&   ! quote_opened  && codeArr[i] == this ._endBlock){
                 if ( ! this .isCompress){
                     this ._tabNum -- ;
                     if (i < word_index && codeArr[i + 1 ] != this ._rowEnd){
                        htmlTxt[htmlTxt.length]  =   " "   +   this .getIdent()  +  codeArr[i];
                    } else {
                        htmlTxt[htmlTxt.length]  =   " "   +   this .getIdent()  +  codeArr[i];
                    }
                } else {
                     if (i < word_index && codeArr[i + 1 ] != this ._rowEnd){
                        htmlTxt[htmlTxt.length]  =  codeArr[i]  +   this ._rowEnd;
                    } else {
                        htmlTxt[htmlTxt.length]  =  codeArr[i];
                    }
                }
             // 处理关键字
            }  else   if  ( ! slash_slash_comment_opened &&! slash_star_comment_opened  &&   ! quote_opened  &&   this .isBlockElement(codeArr[i])){     
                htmlTxt[htmlTxt.length]  =  codeArr[i];
             // 处理内置对象(后面加一个空格)
            }  else   if  ( ! slash_slash_comment_opened &&! slash_star_comment_opened  &&   ! quote_opened  &&   this .isSingleEyeElement(codeArr[i])){    
                 if (codeArr[i] == this ._in){
                    htmlTxt[htmlTxt.length]  =   "   " ;
                }
                htmlTxt[htmlTxt.length]  =  codeArr[i]  +   "   " ;
             // 处理双引号（引号前不能为转义字符）    
            }  else   if  ( ! slash_star_comment_opened &&! slash_slash_comment_opened && this ._quotation.contains(codeArr[i])){                                                    
                 if  (quote_opened){
                     // 是相应的引号
                     if (quote_char == codeArr[i]){
                        htmlTxt[htmlTxt.length]  =  codeArr[i];                    
                        quote_opened     =   false ;
                        quote_char       =   "" ;
                    }  else  {
                        htmlTxt[htmlTxt.length]  =  codeArr[i];            
                    }
                }  else  {
                    htmlTxt[htmlTxt.length]  =   codeArr[i];
                    quote_opened     =   true ;
                    quote_char         =  codeArr[i];
                }                    
             // 处理转义字符
            }  else   if (codeArr[i]  ==   this ._escape){    
                htmlTxt[htmlTxt.length]  =  codeArr[i]; 
                 if (i < word_index - 1 ){
                     if (codeArr[i + 1 ].charCodeAt( 0 ) >= 32 && codeArr[i + 1 ].charCodeAt( 0 ) <= 127 ){
                        htmlTxt[htmlTxt.length]  =  codeArr[i + 1 ].substr( 0 , 1 );
                        htmlTxt[htmlTxt.length]  =  codeArr[i + 1 ].substr( 1 );
                        i = i + 1 ;
                    }
                }            
             // 处理多行注释的开始
            }  else   if  ( ! slash_slash_comment_opened  &&   ! slash_star_comment_opened &&! quote_opened && this .isStartWith( this ._commentOn,codeArr,i)){                                             
                slash_star_comment_opened  =   true ;
                 if ( ! this ._deleteComment){
                    htmlTxt[htmlTxt.length]  =   this ._commentOn;
                }
                i  =  i  +   this .getSkipLength( this ._commentOn);    
             // 处理单行注释
            }  else   if  ( ! slash_slash_comment_opened  &&   ! slash_star_comment_opened &&! quote_opened && this .isStartWith( this ._lineComment,codeArr,i)){                                                
                slash_slash_comment_opened  =   true ;
                 if ( ! this ._deleteComment){
                    htmlTxt[htmlTxt.length]  =    this ._lineComment;
                }
                i  =  i  +   this .getSkipLength( this ._lineComment);    
             // 处理忽略词
            }  else   if  ( ! slash_slash_comment_opened  &&   ! slash_star_comment_opened &&! quote_opened && this .isStartWith( this ._ignore,codeArr,i)){                                                
                slash_slash_comment_opened  =   true ;
                htmlTxt[htmlTxt.length]  =   this ._ignore;
                i  =  i  +   this .getSkipLength( this ._ignore);                    
             // 处理多行注释结束    
            }  else   if  ( ! quote_opened &&! slash_slash_comment_opened && this .isStartWith( this ._commentOff,codeArr,i)){                                
                 if  (slash_star_comment_opened) {
                    slash_star_comment_opened  =   false ;
                     if ( ! this ._deleteComment){
                        htmlTxt[htmlTxt.length]  =    this ._commentOff;
                    }
                    i  =  i  +   this .getSkipLength( this ._commentOff);        
                }
            }  else  {
                 // 不是在字符串中
                 if ( ! quote_opened){
                     // 如果不是在注释重
                     if ( ! slash_slash_comment_opened  &&   ! slash_star_comment_opened){    
                            htmlTxt[htmlTxt.length]  =  codeArr[i];                        
                     // 注释中                            
                    } else {
                         if ( ! this ._deleteComment){
                            htmlTxt[htmlTxt.length]  =  codeArr[i];
                        }
                    }
                } else {
                            htmlTxt[htmlTxt.length]  =  codeArr[i];
                }
            }
            
        }

         return  htmlTxt.join( "" );
    }

     this .isStartWith  =   function (str,code,index){

         if ( typeof (str) != " undefined " && str.length > 0 ){        
             var  cc  =   new  Array();            
             for ( var  i = index;i < index + str.length;i ++ ){
                cc[cc.length]  =  code[i];
            }
             var  c  =  cc.join( "" );
             if ( this ._caseSensitive){
                 if (str.length >= code[index].length && c.indexOf(str) == 0 ){
                     return   true ;
                }
            } else {
                 if (str.length >= code[index].length && c.toLowerCase().indexOf(str.toLowerCase()) == 0 ){
                     return   true ;
                }
            }
             return   false ;

        }  else  {
             return   false ;
        }
    }

     this .isFunction  =   function (val){
         return   this ._function.contains( this ._caseSensitive ? val:val.toLowerCase());
    }
    
     this .isBlockElement  =   function (val) {        
         return   this ._blockElement.contains( this ._caseSensitive ? val:val.toLowerCase());
    }

     this .isChoiceElement  =   function (val) {        
         return   this ._choiceElement.contains( this ._caseSensitive ? val:val.toLowerCase());
    }

     this .isSingleEyeElement  =   function (val) {
         return   this ._singleEyeElement.contains( this ._caseSensitive ? val:val.toLowerCase());
    }

     this .isNextElement  =   function (from,word){
         for ( var  i = from;i < word.length;i ++ ){
             if (word[i] != "   " && word[i] != " " && word[i] != " " && word[i] != " " ){                
                 return   this .isChoiceElement(word[i]);
            }
        }
         return   false ;
    }

     this .getSkipLength  =   function (val){    
         var  count  =   0 ;
         for ( var  i = 0 ;i < val.length;i ++ ){
             if ( this ._wordDelimiters.indexOf(val.charAt(i)) >= 0 ){
                count ++ ;
            }
        }
         if (count > 0 ){
            count = count - 1 ;
        }
         return  count;
    }

     this .getIdent = function (){
         var  n  =  [];
         for ( var  i = 0 ;i < this ._tabNum;i ++ ){
            n[n.length]  =   " " ;
        }
         return  n.join( "" );
    }
}

function  doformat(o){
     var  htmltxt  =   "" ;

     if  (o  ==   null ){
        alert( " domNode is null! " );
         return ;
    }

     var  _codetxt  =   "" ;
    
     if ( typeof (o) == " object " ){
         switch (o.tagName){
             case   " TEXTAREA " :
             case   " INPUT " :
                _codetxt  =  o.value;
                 break ;
             case   " DIV " :
             case   " SPAN " :
                _codetxt  =  o.innerText;
                 break ;
             default :
                _codetxt  =  o.innerHTML;
                 break ;
        }
    } else {
        _codetxt  =  o;
    }

     var  _syn  =   new  CLASS_FORMAT(_codetxt);
    htmltxt  =  _syn.format();
     return   htmltxt;
}


function  go()
{
     var  code     =  document.getElementById( " code " ).value;
     var  xx       =   new  CLASS_FORMAT(code);    
     var  a        =   new  Date();

     if (document.getElementById( ' cboOperate ' ).selectedIndex == 1 ){
        xx.isCompress = true ;
    } else {
        xx.style  =  parseInt(document.getElementById( ' cboStyle ' ).value);
    }
    document.getElementById( " display " ).value  =  xx.format();
    alert( " 共花： "   +  ( new  Date().getTime() - a.getTime())  +   " ms " );
}
// -->
</ SCRIPT >
< TEXTAREA  id =code  rows =12  cols =100 >
/*
这个是一个类
*/


function    xx   (num,str){//说明
var a = num;this.aa = a;
this.bb = function(){alert(str);}
this.cc = function(){for(var i=0;i < 10 ;i++){document.title =i;}}};

xx.prototype.dd = function(){alert("d   d        kd");}

var a  = new  xx(100,"hello"),b =new  xx(0,"ttyp");
if(1 > 2)  {   alert();
 }
 else {
 alert(" hell ");
 }

a.bb();
b.dd();
alert(a.aa);

</ TEXTAREA >   < BR >
< select  id ="cboOperate"  onchange ="if(this.selectedIndex==1)document.getElementById('cboStyle').disabled=true;else document.getElementById('cboStyle').disabled=false;" >
     < option  value ="0" > 格式化 </ option >
     < option  value ="1" > 压缩 </ option >
</ select >
< select  id ="cboStyle" >
     < option  value ="0" > 经典 </ option >
     < option  value ="1" > 微软 </ option >
</ select >
< INPUT  onclick =go()  type =button  value =go >< br >
< textarea  id =display  rows =12  cols =100 >
</ textarea >
</ BODY ></ HTML >