对于Javascript来说，提高网络下载的性能最直接的方法就是把JS文件体积减小，前边混淆压缩变量名字是方法之一，但是还有诸多可以把代码体积压小的规则，我在本篇文章会对UglifyJS所有压缩代码体积的细节整理成一条条的规则，为了方便理解，还会给出一些压缩前代码以及压缩后代码的对比。由于UglifyJS里边对IF的压缩规则最多，也是最为丰富精彩的部分，放在最后边解释。
还是那样，有兴趣了解UglifyJS实现细节，看文章最后的我对它源码做的注释。
留意：
UglifyJS会对JS文件的变量名进行混淆处理，要理解Javascript变量混淆的细节，我们需要回答以下几个问题：
1.遇到一个变量myName，我们怎么知道这个myName变量要不要混淆
2.混淆名字怎么生成才合适，新的名字替换旧的名字时有什么要注意的地方？
3.哪些关键字会产生一个作用域？
4.作用域链跟符号表在UglifyJS里边是怎么体现？
5.UglifyJS混淆的过程是什么样？
我们先梳理一下这5个问题，最后贴出我阅读UglifyJS在这部分的实现时做的代码注释。 [Read more...]
为了理解源码结构，必须要进行语法分析，uglify在语法分析阶段得到一棵AST树（它的结构是数组嵌套数组，parse-js移植于一个Lisp的项目，获得的AST树类似Lisp里边的表，数组套数组：["toplevel", ["stat", [xxxx]]]）
对于JS来说，一个文件就是处于一个全局域的语句块，uglify里边把这个命名为toplevel的语句块，里边涉及各种状态，太具体的状态就不画图了，上一个语句块的状态转移的图片，其他还是要阅读源码比较爽快。
uglifyjs是用来压缩混淆JS文件，同时会对代码尽可能的优化，使得最后产出的js代码非常小，uglifyjs通过nodejs写的，底层用了一个parse-js的进行AST分析。
这两天在工作空隙的时间阅读了uglifyjs的源码，发现了很多js语法细节的东西，略有收获，顺便把看的过程注释在它代码里边。
词法分析的文章写过好几篇了，不想重复了，直接贴代码注释了。 [Read more...]