发现一个不错的JavaScript写的格式JavaScript代码的程序,能够压缩代码,也能够格式化,功能不错。
<HTML><HEAD><TITLE>Format</TITLE>
<METAcontent="MSHTML6.00.2800.1528"name=GENERATOR>
<METAcontent=""name=Author>
<METAcontent=""name=Keywords>
<METAcontent=""name=Description></HEAD>
<BODY>
<SCRIPTlanguage=JavaScript>
<!--
/**//**//**//**
**==================================================================================================
**类名:CLASS_FORMATER
**功能:JS格式化
**示例:
---------------------------------------------------------------------------------------------------
varxx=newCLASS_FORMATER(code);
document.getElementById("display").innerHTML=xx.format();
---------------------------------------------------------------------------------------------------
**作者:ttyp
**邮件:ttyp@21cn.com
**日期:2006-5-21
**版本:0.1
**==================================================================================================
**/
functionCLASS_FORMAT(code){
//哈希表类
functionHashtable(){
this._hash=newObject();
this.add=function(key,value){
if(typeof(key)!="undefined"){
if(this.contains(key)==false){
this._hash[key]=typeof(value)=="undefined"?null:value;
returntrue;
}else{
returnfalse;
}
}else{
returnfalse;
}
}
this.remove=function(key){deletethis._hash[key];}
this.count=function(){vari=0;for(varkinthis._hash){i++;}returni;}
this.items=function(key){returnthis._hash[key];}
this.contains=function(key){returntypeof(this._hash[key])!="undefined";}
this.clear=function(){for(varkinthis._hash){deletethis._hash[k];}}
}
this._caseSensitive=true;
//字符串转换为哈希表
this.str2hashtable=function(key,cs){
var_key=key.split(/,/g);
var_hash=newHashtable();
var_cs=true;
if(typeof(cs)=="undefined"||cs==null){
_cs=this._caseSensitive;
}else{
_cs=cs;
}
for(variin_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(){
varcodeArr=newArray();
varword_index=0;
varhtmlTxt=newArray();
if(this.isCompress){
this._deleteComment=true;
}
//得到分割字符数组(分词)
for(vari=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);
}
}
varquote_opened=false;//引用标记
varslash_star_comment_opened=false;//多行注释标记
varslash_slash_comment_opened=false;//单行注释标记
varline_num=1;//行号
varquote_char="";//引用标记类型
varfunction_opened=false;
varbracket_open=false;
varfor_open=false;
//按分割字,分块显示
for(vari=0;i<=word_index;i++){
//处理空行(由于转义带来)
if(typeof(codeArr[i])=="undefined"||codeArr[i].length==0){
continue;
}elseif(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];
}
}elseif(codeArr[i]==" "){
//处理换行
}elseif(codeArr[i]==" "){
slash_slash_comment_opened=false;
quote_opened=false;
line_num++;
if(!this.isCompress){
htmlTxt[htmlTxt.length]=" "+this.getIdent();
}
//处理function里的参数标记
}elseif(!slash_slash_comment_opened&&!slash_star_comment_opened&&!quote_opened&&this.isFunction(codeArr[i])){
htmlTxt[htmlTxt.length]=codeArr[i]+"";
function_opened=true;
}elseif(!slash_slash_comment_opened&&!slash_star_comment_opened&&!quote_opened&&codeArr[i]==this._isFor){
htmlTxt[htmlTxt.length]=codeArr[i];
for_open=true;
}elseif(!slash_slash_comment_opened&&!slash_star_comment_opened&&!quote_opened&&codeArr[i]=="("){
bracket_open=true;
htmlTxt[htmlTxt.length]=codeArr[i];
}elseif(!slash_slash_comment_opened&&!slash_star_comment_opened&&!quote_opened&&codeArr[i]==")"){
bracket_open=false;
htmlTxt[htmlTxt.length]=codeArr[i];
}elseif(!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];
}
}elseif(!slash_slash_comment_opened&&!slash_star_comment_opened&&!quote_opened&&codeArr[i]==this._beginBlock){
for_open=false;
if(!this.isCompress){
switch(this.style){
case0:
this._tabNum++;
htmlTxt[htmlTxt.length]=codeArr[i]+" "+this.getIdent();
break;
case1:
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];
}
}elseif(!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];
}
}
//处理关键字
}elseif(!slash_slash_comment_opened&&!slash_star_comment_opened&&!quote_opened&&this.isBlockElement(codeArr[i])){
htmlTxt[htmlTxt.length]=codeArr[i];
//处理内置对象(后面加一个空格)
}elseif(!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]+"";
//处理双引号(引号前不能为转义字符)
}elseif(!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];
}
//处理转义字符
}elseif(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;
}
}
//处理多行注释的开始
}elseif(!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);
//处理单行注释
}elseif(!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);
//处理忽略词
}elseif(!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);
//处理多行注释结束
}elseif(!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];
}
}
}
returnhtmlTxt.join("");
}
this.isStartWith=function(str,code,index){
if(typeof(str)!="undefined"&&str.length>0){
varcc=newArray();
for(vari=index;i<index+str.length;i++){
cc[cc.length]=code[i];
}
varc=cc.join("");
if(this._caseSensitive){
if(str.length>=code[index].length&&c.indexOf(str)==0){
returntrue;
}
}else{
if(str.length>=code[index].length&&c.toLowerCase().indexOf(str.toLowerCase())==0){
returntrue;
}
}
returnfalse;
}else{
returnfalse;
}
}
this.isFunction=function(val){
returnthis._function.contains(this._caseSensitive?val:val.toLowerCase());
}
this.isBlockElement=function(val){
returnthis._blockElement.contains(this._caseSensitive?val:val.toLowerCase());
}
this.isChoiceElement=function(val){
returnthis._choiceElement.contains(this._caseSensitive?val:val.toLowerCase());
}
this.isSingleEyeElement=function(val){
returnthis._singleEyeElement.contains(this._caseSensitive?val:val.toLowerCase());
}
this.isNextElement=function(from,word){
for(vari=from;i<word.length;i++){
if(word[i]!=""&&word[i]!=" "&&word[i]!=" "&&word[i]!=" "){
returnthis.isChoiceElement(word[i]);
}
}
returnfalse;
}
this.getSkipLength=function(val){
varcount=0;
for(vari=0;i<val.length;i++){
if(this._wordDelimiters.indexOf(val.charAt(i))>=0){
count++;
}
}
if(count>0){
count=count-1;
}
returncount;
}
this.getIdent=function(){
varn=[];
for(vari=0;i<this._tabNum;i++){
n[n.length]=" ";
}
returnn.join("");
}
}
functiondoformat(o){
varhtmltxt="";
if(o==null){
alert("domNodeisnull!");
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=newCLASS_FORMAT(_codetxt);
htmltxt=_syn.format();
returnhtmltxt;
}
functiongo()
{
varcode=document.getElementById("code").value;
varxx=newCLASS_FORMAT(code);
vara=newDate();
if(document.getElementById('cboOperate').selectedIndex==1){
xx.isCompress=true;
}else{
xx.style=parseInt(document.getElementById('cboStyle').value);
}
document.getElementById("display").value=xx.format();
alert("共花:"+(newDate().getTime()-a.getTime())+"ms");
}
//-->
</SCRIPT>
<TEXTAREAid=coderows=12cols=100>
/*
这个是一个类
*/
functionxx(num,str){//说明
vara=num;this.aa=a;
this.bb=function(){alert(str);}
this.cc=function(){for(vari=0;i<10;i++){document.title=i;}}};
xx.prototype.dd=function(){alert("ddkd");}
vara=newxx(100,"hello"),b=newxx(0,"ttyp");
if(1>2){alert();
}
else{
alert("hell");
}
a.bb();
b.dd();
alert(a.aa);
</TEXTAREA><BR>
<selectid="cboOperate"onchange="if(this.selectedIndex==1)document.getElementById('cboStyle').disabled=true;elsedocument.getElementById('cboStyle').disabled=false;">
<optionvalue="0">格式化</option>
<optionvalue="1">压缩</option>
</select>
<selectid="cboStyle">
<optionvalue="0">经典</option>
<optionvalue="1">微软</option>
</select>
<INPUTonclick=go()type=buttonvalue=go><br>
<textareaid=displayrows=12cols=100>
</textarea>
</BODY></HTML>
分享到:
相关推荐
JavaScript代码格式化工具,很多下载来的js文件没有缩进等,阅读不例,用该工具格式化后将非常清晰,利于阅读!
JavaScript代码格式化,对凌乱的JavaScript代码进行格式化,保持代码的整洁,挺好用的一个工具,虽然对于一些正则表达式的格式化效果有点不太好,但整体还是比较清晰的,毕竟我们的程序也只有那某个脚本文件是正则吧...
在程序的开发中,javascript脚本的扩大,代码折叠,格式化是必不可少的一部分。对于大多数注释,代码折叠,格式化,都有着相似的样子,另外,在团队开发的过程,脚本太大,太长。为了提高在开发过程中,代码的可读性...
想知道你写的javascript,小程序具体什么效果,以前我们必须把代码嵌入到html代码中,用浏览器打开才可以查看出效果,现在只需将写好的代码黏贴到这里,点击运行便可以查看...还支持代码格式化,格式出来的效果很漂亮。
prettier, 漂亮的是一个固执的代码格式化程序 的代码格式化程序JavaScript Flow Flow TypeScript TypeScript CSS SCSS · LESS 。JSON 。JSON 。JSON 。Markdown 。你喜欢的语言。?
可以在Chrome中使用Prettier格式化的扩展程序
html实现js格式化,整理JS代码,规整
这是一个用js编写的网页程序,通过该页面可以格式化JavaScript脚本和html代码,并且可以解压缩由JsPacker压缩过的脚本代码。 注意:虽然程序经过无数次的测试,但是建议您保存好源文档后再操作,方便维护的同时也...
Nitpik JavaScript格式化程序 ( 如果您觉得这很有用,请考虑支持我的工作。 描述 可插入JavaScript源代码格式化程序。 状态 原型-寻求反馈,尚未准备好用于生产。 自动格式化 默认情况下,Nitpik JavaScript自动...
打印节点用于dprint TypeScript 和 JavaScript 代码格式化程序的节点 API。它是用 Rust 编写的,以实现极快的速度。用法将文件路径和要格式化的代码传递给dprint.format 。constdprint=require('dprint-node');d...
通过node.js的Sublime Text 2和3HTML,CSS,JavaScript,JSON,React和Vue代码格式化程序关于这是Sublime Text 2和3插件,可用于格式化HTML,CSS,JavaScript,JSON,React和Vue代码。 它使用Einar Lielmanis制作的...
理智的 用于TypeScript和JavaScript的自以为是的代码格式化程序。规则首选单引号。 没有分号。 多行的尾部逗号。 带有单个参数的箭头函数没有函数括号。 多线联合和相交使用一致的前导分隔符。 。 阅读 , 和了解更...
在开发中我们需要一种能够统一团队代码风格的工具,作为强制性的规范,统一整个项目的代码风格,这篇文章主要介绍了详解如何在vue项目中使用eslint+prettier格式化代码,需要的朋友可以参考下
一个简单轻巧的电话格式化实用程序,可以处理大多数(美国)格式,基本分机号和长途电话号码。 如何 标准模块系统 import { uglify , dashed , dotted , normalize , longDistance , extensionNumber } from 'phone-...
JavaScript Console.Log 类似字符串格式化程序 我只想要一小段代码,可以像 console.log API 一样格式化字符串 jcformat("moo %o %s %d yo", {x:3}, '你好', 123.5) 输出:"moo {"x":3} 你好 123 哟
Prettier是一个代码格式化程序。支持JavaScript, including ES2017、JSX、Flow、TypeScript、CSS, LESS, and SCSS、JSON、GraphQL Opinionated Code Formatter JavaScript · TypeScript · Flow · JSX · JSON CSS...
用于TypeScript和JavaScript的自带代码格式化程序。 规则 首选单引号。 没有分号。 多行的尾部逗号。 带有单个参数的箭头函数没有函数括号。 多线联合和相交使用一致的前导分隔符。 。 阅读和以获取更多信息...