JS格式化

最新推荐文章于 2024-07-12 11:41:56 发布
最新推荐文章于 2024-07-12 11:41:56 发布
阅读量97 收藏
点赞数
分类专栏： javascript 文章标签： Go JavaScript prototype ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fxz_2010/article/details/83942123
版权 

<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(); 

--------------------------------------------------------------------------------------------------- 
  
** 日期：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" οnchange="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 οnclick=go() type=button value=go><br> 
<textarea id=display rows=12 cols=100> 
</textarea> 
</BODY></HTML>
 
fxz_2010
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS格式化工具 JS编辑格式化
11-03
JS格式化工具 非常方便的JS内容格式化工具
JavaScript格式化工具
05-18
注意：需要转换的js文件里面不能有注释，有的话，它转换不了。 在网上下载一些js文件，但是打开后，就像一段话一样，好长，好长，没有任何格式，想看一下就不成。
js代码格式化
weixin_33860737的博客
10-22 211
有时候，我们在网上下载一些js文件，但是打开后，就像一段话一样，好长，好长，没有任何格式，想看一下就不成。 于是，我到网上搜一下，看好多都是在线转换的，终于搜到一个，感觉特好使，就拿出来给大家分享了。 View Code &lt;html&gt; &lt;head&gt; &lt;title&gt;JS格式化工具 &lt;/title&gt; ...
js实现 JSON数据格式化的两种方法
最新发布
skybot的专栏
07-12 474
使用JSON.stringify的第二个参数来指定缩进空格数，以便直接格式化 JSON 数据。这样可以避免在代码中手动处理 JSON 字符串的格式化，使代码更简洁和易读。完整HTML代码如下，您可以复制代码然后，新建一个.html的网页进行保存即可体验。方法2使用自定义函数： formatJson。本次方法不使用JS库直接采用原生JS。
JS代码格式化
热门推荐
lingle1的博客
05-27 1万+
文章目录 JS代码格式化也就是规范化，保留必要的换行和缩进使代码阅读起来更容易。 团队协同工作时会有相应的标准，大家要保证统一的代码风格，这样在合并代码的时候才不容易出问题。 通过快捷键Ctrl+Shift+F进行格式化 　　Ctrl+Shift+F 格式化代码后总把一行拆成两行或者更多有点不适应，所以木桶厂家专卖按个人爱好更改他，这里介绍的是MyEclipse8.5的更改方式其他应该差不多Window→Preferences→Java→Code Style→ Formatter右侧可以直接Edit也可以N
JS格式化数据
玉林路扛把子
06-07 1225
前端经常遇到要处理后台返回的JSON数据,并且希望能够按照一定格式进行展示,便于读者查看.此方法便可以进行操作 let txt='[{&quot;sender&quot;:&quot;tuser1&quot;,&quot;agentid&quot;:&quot;155889886&quot;,&quot;ip&quot;:&quot;*&quot;}, {&quot;sender
js格式化时间的方法
10-23
主要介绍了js格式化时间的方法，对javascript时间格式化的方法进行了总结，感兴趣的小伙伴们可以参考一下
js格式化时间小结
12-01
JavaScript中的时间格式化是开发过程中常见且重要的任务，特别是在处理日期和时间的显示时。本文主要总结了JavaScript中处理和格式化日期的一些基本方法。 首先，JavaScript提供了内置的`Date`对象来处理日期和时间...
sql格式化JS脚本
11-05
这个JavaScript库`SqlFormat.js`允许前端开发者在用户界面直接处理和格式化SQL查询，无需后端服务器的支持。这对于前端开发人员来说尤其有用，因为他们可以直接在前端环境中预览和编辑SQL查询，提高开发效率和代码...
javascript格式化日期时间方法汇总
10-24
本文给大家汇总介绍了javascript格式化日期时间的五种常用方法，个人对第五种个性化输出时间比较有兴趣，基本上只要项目中能用到都是使用第五种，推荐给小伙伴们。
JS格式化工具
07-18
1.格式化JS工具，支持语法高亮显示。 2.动态输入框，调整语法。
js格式化工具
03-05
js格式化，有两个哦， 博文链接：https://ruyuntao.iteye.com/blog/181723
JS-HTML-Format(JS及HTML代码格式化工具集合)
04-15
自己收集整理了一些轻巧的Js,Html代码格式化工具
JS文件格式化工具
10-17
JS文件格式化工具，能够将压缩过的javascript格式化。
HTML JavaScript 自动格式化
08-26
先从网上下载文本编辑程序 sublime3 . 安装好后, 下载此压缩文件插件包。 解压后, 放在 安装路径下的packages目录下面即可. （比如----C:\Users\Administrator\AppData\Roaming\Sublime Text 3\Packages） Note：在sublime3 里面 直接下载安装，经常失败， 所以将此文件单独共享。 快捷键为：Ctrl+Shift+H。 使用方法： 任意编写html文件后， 选择一段html或者js 编码， 按上快捷键， 则会直接美美的自动设置好格式，带不同色彩提示。
JS格式化工具—可将js代码格式化成经典或微软排版格式，也可将js进行压缩
wangdong4soft
02-24 300
[code="java"] JS格式化工具，js在线格式化工具，javascript格式化 - web标准化,div教程,DIV+CSS布局,web2.0标准 JS格式化工具—可将js代码格式化成经典或微软排版格式，也可将js进行压缩 /*这个是一个类*...
js数据格式化
ink_s的博客
12-28 923
//数据格式化 function fix(num, length) { return ('' + num).length &lt; length ? ((new Array(length + 1)).join('0') + num).slice(-length) : '' + num; }
JS 在线格式化
烽火戏诸侯
02-12 712
http://tool.chinaz.com/Tools/JsFormat.aspx解混淆其实很简单直接把 eval 改成 document.write 就OK了
js格式化时间 yyyymmddhhmmss
07-04
JavaScript 中格式化日期为 "yyyyMMddHHmmss" 的方式通常使用 `Date` 对象的方法和字符串模板（Template literals）。下面是一个示例： ```javascript function formatDate(dateObject) { const year = dateObject...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值