`
wolfmaster
  • 浏览: 159225 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

jsFormat

    博客分类:
  • js
 
阅读更多
<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= "  ,.?!;:\\/<>(){}[]\"'\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>
</BODY></HTML>
分享到:
评论

相关推荐

    JsFormat-1.3.0.zip

    【JsFormat-1.3.0.zip】是一个包含JavaScript代码格式化工具的压缩包,版本为1.3.0。这个工具主要用于帮助开发者整理和格式化JavaScript代码,使其更易于阅读和维护。在编程过程中,代码的整洁和规范性至关重要,Js...

    JsFormat.rar

    JSFormat.rar是一个针对JavaScript代码的格式化工具,它可以帮助开发者将混乱的、难以阅读的JavaScript代码整理成标准、易读的格式,提高代码的可维护性。 这个工具是用Visual C++(VC)开发的,VC是Microsoft公司...

    notepad的JSFormat插件

    2. **JSFormat插件**:JSFormat是Notepad++中用于格式化JavaScript代码的插件,它可以自动缩进、换行、调整括号位置等,帮助开发者保持代码的一致性和整洁性。 3. **JavaScript格式化**:JavaScript格式化是将混乱...

    Sublime Text 2 的javascript代码格式化插件JsFormat

    为了提升JavaScript代码的可读性和一致性,开发者常常会使用代码格式化插件,其中JsFormat是专为Sublime Text 2设计的一款优秀插件。 JsFormat的安装过程相当简单。首先,你需要打开Sublime Text 2的菜单栏,选择...

    js 时间转换 js format

    "js 时间转换"、"js format"以及"js相减"都是JavaScript编程中与日期和时间相关的关键概念。下面将详细讲解这些知识点。 首先,"js 时间转换"涉及到JavaScript的内置Date对象。Date对象允许我们创建、操作和格式化...

    PyPI 官网下载 | jsformat-0.1.5.tar.gz

    **PyPI 官网下载 | jsformat-0.1.5.tar.gz** PyPI(Python Package Index)是Python开发者发布和获取Python软件包的主要平台。`jsformat-0.1.5.tar.gz`是一个在PyPI上发布的压缩包,包含了名为`jsformat`的Python库...

    Sublime Text2的JsFormat插件

    JsFormat插件是为Sublime Text2设计的一个实用工具,专门针对JavaScript代码格式化。该插件能够帮助开发者快速、统一地整理和美化代码,提高编写和阅读代码的效率。 首先,安装JsFormat插件的过程相对简单。用户...

    js format js sources

    "js format js sources"是指利用JavaScript编写的功能,来格式化JavaScript源代码,使得代码更加整洁、易读,符合一定的编码规范。这个过程通常称为代码美化或代码格式化。 在JavaScript开发中,源代码的可读性和可...

    vscode 格式化json JsFormat-master.zip

    "vscode 格式化json JsFormat-master.zip" 提供了一个专门针对VSCode的JSON格式化插件——JsFormat。 **JSON(JavaScript Object Notation)** JSON是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器...

    sublime Text2 JsFormat插件

    **Sublime Text2 JsFormat插件详解** Sublime Text2 是一款广受欢迎的代码编辑器,因其高效、轻量级和高度可定制性而受到开发者们的喜爱。在编写JavaScript代码时,保持代码格式的整洁与规范是提升代码可读性和团队...

    JsFormat:Sublime Text 2和3的Javascript格式

    我最近一直没有给予JsFormat应有的重视,我想请其他人来帮助维护该项目。 寄电子邮件给我,如果你有兴趣。 关于 JsFormat是Sublime Text 2的javascript格式设置插件。它使用格式化整个js或json文件,或选定部分。 ...

    js-format:js format, concat str 拼接字符串

    js-format 简化js中拼接字符串过程,忘掉那该死的加号吧! fuck ‘+’ install 安装: node下: npm install js-format --save usage 使用: &gt;1. %s,%d,%f 格式 var str = '%s, hello world!'; str = format(str, ...

    js格式化规则

    自己写的js格式化配置规则,jsformat.xml 是一个js开发中的规则,通过myEclipse导入该规则后,能够自动快捷地对js文件和方法进行快速格式化排版,同时也是项目管理中规范编程格式的标准

    js写的string.format函数

    js 写的string format函数,功能模仿C#中的string.Format方法,已实现(整数 :D、小数:F、货币数字:C、科学计数:E 等4种)数字格式化。参数可以传递数组,也可以传多个参数。

    Sublime Text3 已安装配置好插件

    2. **JSFormat**:这个插件专为JavaScript开发设计,能够自动格式化代码,保持代码整洁、一致的风格。只需一键操作,就可以将混乱的代码整理得井井有条,节省了开发者手动调整代码格式的时间。 3. **Alignment**:...

    js或者css自动格式化

    2)这里主要以JSFormat为例讲解,其它类似。 点击“add tools”按钮,选择弹出框中的“program” 在新建的项中,菜单文本写上名称,如"jsFormat",在命令里面输入: cscript /nologo "D:\edTools\jsFormatter.js" ...

    js实现Excel导出

    SheetJS提供了`XLSX.utils.format_cell()`函数,允许你设置单元格的格式,如字体、颜色、对齐方式等。 6. **生成二进制文件**: 用`XLSX.writeFile()`或`XLSX.utils.sheet_to_blob()`将工作簿转换为二进制文件。...

    EditPlus-tools 自动格式化js、html、css

    在弹出的对象框中,左侧菜单栏选择"工具" - "用户工具",在“组和工具项”下拉框中选择一个工具组,点击“组名称”,为该组工具设定一个名称,如“前端开发工具”下面开始加入工具,这里主要以JSFormat为例讲解,...

    js-format:数据格式化

    js格式 数据格式化 用法 format string(format) *(value) [object(options)|string(type)|function(audit)] options audit {Function} called in three phases (see below) type {String} will cast the passed ...

    Blender导出ThreeJs(.json)文件插件

    Blender是一款强大的开源3D建模和动画软件,而Three.js是JavaScript库,用于在Web浏览器中展示3D图形。将Blender中的模型导出为Three.js的.json格式,可以让我们在网页上实现交互式的3D场景。"Blender导出ThreeJs(....

Global site tag (gtag.js) - Google Analytics