当前位置: 代码迷 >> JavaScript >> javascript源码压缩跟格式化
  详细解决方案

javascript源码压缩跟格式化

热度:300   发布时间:2012-10-21 09:00:07.0
javascript源码压缩和格式化
<HTML><HEAD><TITLE>Format</TITLE>   
<META content="MSHTML 6.00.2800.1528" name=GENERATOR>   
<meta http-equiv="Content-Type" content="text/html; charset=GBK">   
<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= "  ,.?!;:\\/<>(){}[]\"'\r\n\t=+-|*%@#$^&";   
    //引用字符   
    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]=="\t"){   
                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]=="\n"){   
            //处理换行   
            } else if (codeArr[i] == "\r"){                                                                       
                slash_slash_comment_opened = false;       
                quote_opened    = false;   
                line_num++;   
                if(!this.isCompress){   
                    htmlTxt[htmlTxt.length] = "\r\n"+ 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]!="\r"&&codeArr[i+1]!="\n")){                               
                            htmlTxt[htmlTxt.length] = codeArr[i] + "\n" + 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] + "\n" + this.getIdent();   
                            break;   
                        case 1:   
                            htmlTxt[htmlTxt.length] = "\n" + this.getIdent();   
                            this._tabNum++;   
                            htmlTxt[htmlTxt.length] = codeArr[i] + "\n"+ 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] = "\n" + this.getIdent() + codeArr[i];   
                    }else{   
                        htmlTxt[htmlTxt.length] = "\n" + 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]!="\t"&&word[i]!="\r"&&word[i]!="\n"){                   
                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] = "\t";   
        }   
        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>   
柠檬居IT技术网 整理发布 <br>   
  
http://www.nmju.net<br>   
http://www.nmju.cn<br>   
柠檬阁技术网  <br>   
http://www.nmge.net<br>   
http://www.nmge.cn<br>   
</BODY></HTML>   
   

  相关解决方案