这次给大家带来有趣的UglifyJS，使用UglifyJS的注意事项有哪些，下面就是实战案例，一起来看一下。
也不是闲着没事去看压缩代码，但今天调试自己代码的时候发现有点意思。因为是自己写的，虽然压缩了，格式化之后还是很好辨认。当然作为min的首要准则不是可读性，而是精简。那么它会尽量的缩短代码，尽量的保持一行，最大化的减少的空白。我们常用的分号都会被替换成了逗号，短句变成了连贯的长句。
1.立即执行函数
我本是第二种写法，uglify给我替换成了第一种当然更短一点)。其实括号和!号的作用都是将funtion的部分转成一个表达式，而不再是申明。这样就能立即执行，同理~ +都可以做到。
2.变量名替换
这个是自然的，函数名、参数名、变量名都替换成了单个字母。甚至是‘_’
3.函数置顶
function foo ){} 这种形式的代码都会被放到模块的最顶端。当然这是一种规范，后来发现还有另外一个作用就是方便后面的代码合并。 比如 我们这样定义:
var self=this;function a){}
self.a=a;function b){}
self.b=b;return self;
会替换成：
function a){}function b){}var s={}return s.a={},s.b={},s
注意到最后的s 不能漏了，return会以最后一个表达式的结果为准。
function rtn) { return n;
} function xx) { return rt1), rt2);
}
执行xx)得到的是2,如果 rt2)后面还有个不返回值的函数执行，那么xx)会得到undefined。
4.bool值替换
false-->!1 true-->!0
5.if
if语句是压缩最多的地方。
1) return 前置：
function load) { if t) {
x = false;
log"error"); return;
}
console.log"22")
}
比如我的原函数大概是这样。压缩后成了这样：
if t) return x =!1,void log"error")
return提前了，末尾多了一个void。 这是为什么呢。 没有大括号，if的四段代码变成了一句话。void的在这里的作用是抹掉函数的返回值。因为本来的这个if 是没有返回值的 。如果这个时候log方法带有返回值。那么调用load就会拿到这个返回值。这会产生干扰，违背了原函数的本意。所以用void抹掉了。
2) 短路
function foo) { if !x) { return;
}
console.log"doA");
console.log"doB");
}
压缩后：
function f) {
x || console.log"doA"), console.log"doB");
}
这样蛮不错的。同理：
x&&y){
doa);
dob);
}
doc);
--> x&&y&&doa),dob)),doc)
原本四行变成了一行代码。
3).为了合并一行，这也行：
console.log"doA");
console.log"doB"); if x>0) {
console.log"true");
}
合并成这样：
if console.log"doA"), console.log"doB"), x > 0) console.log"true");
平时这么写可能不太友好，重点是在if语句中，最后一句才是判断句。结合之前的return。想必对逗号语句有了深刻的认识。
4）throw也不放过
if errMsg) {
util.triggerCallbackfail, "模型验证错误"); throw ErrorerrMsg);
}
压缩后：
if a) throw x.triggerCallbacko, "模型验证错误"), Errora)
调换了语句的顺序，把throw看成return 就明白了。
5) if else
这个会替换成三元表达式 a?b:c 。
6.数字处理
整百整千的会处理成科学计数 1000 –>1e3 。
7. while
var offset = 0; while true) { if offset >= bufferLength) { break;
}
}
会替换成这样：
for var n = 0; ; ) { if n >= K) break
}
确实不错，节省了一行代码。
相信看了本文案例你已经掌握了方法，更多精彩请关注风君子博客其它相关文章！
推荐阅读：
让JS自动匹配出proto Js的方法
h5做出网页录音功能
以上就是有趣的UglifyJS的详细内容，更多请关注风君子博客其它相关文章！