用UglifyJS解析/压缩/格式化你的Javascript

UglifyJS是基于 NodeJS 的Javascript语法解析/压缩/格式化工具，它支持任何CommonJS模块系统的Javascript平台（实现自己的CommonJS平台也非难事）。 UglifyJS通过解析重新生成JS代码的语法树，你可以通过AST以了解更多代码情况，或者自己来做一个不同的实现。UglifyJS解析器是在 parse-js.js 中实现的，它是非常优秀的 parse。

UglifyJS是基于 NodeJS 的Javascript语法解析/压缩/格式化工具，它支持任何CommonJS模块系统的Javascript平台（实现自己的CommonJS平台也非难事）。

UglifyJS通过解析重新生成JS代码的语法树，你可以通过AST以了解更多代码情况，或者自己来做一个不同的实现。UglifyJS解析器是在 parse-js.js 中实现的，它是非常优秀的 parse-js Common Lisp Library 的一部分。

（如果你正在查找UglifyJS的Common Lisp版本，点击这里）

UglifyJS的另一个重要部分是在 process.js 实现的，它用于检查并实现解析生成的AST：

通过AST进行Javascript代码的重新生成：如果你想格式化已经被压缩过的代码，可以选择缩进参数。你也可以打印出无空白（whitespace）的AST，以达到压缩的目的。
缩短变量名：UglifyJS通过分析代码并生成新的变量名称，依赖于作用域，这些名称通常被简化为单一字符，并能足够智能的处理全局变量，或者eval()调用及with{}块。换句话说，如果在某个作用域内使用了eval()或with{}，那么该作用域的所有变量及其父作用域的变量都不会被重新命名，并且所有指向这类变量的引用也不会被改变。
以下是一些优化规则会让代码更简洁更高效：

非安全转换

UglifyJS在保留语义的同时会尽量提高压缩比率，如果经过UglifyJS处理后你的代码逻辑失效了，或对UglifyJS的优化实现有更好的想法，都可有直接联系作者。

涉及到全局数组构造函数的调用

这时会进行如下转换：

newArray(1,2,3,4)=>[1,2,3,4]Array(a, b, c)=>[a,b,c]newArray(5)=>Array(5)newArray(a)=>Array(a)

在Array没有被重新定义之前，这些转换是安全的。UglifyJS也会对经过用户本地或全局重定义的Array进行处理，但CSSer建议还是不要这么做：

// case 1.  全局声明varArray;newArray(1,2, www.csser.com);Array(a, b);// 或者后声明newArray(1,2,3);varArray;// 或者定义为函数newArray(1,2,3);functionArray(){...}// case 2. 在函数内部声明(function(){
    a =newArray(1,2,3);
    b =Array(5,6);varArray;})();// 或者(function(Array){returnArray(5,6,7);})();// 或者(function(){returnnewArray(1,2,3,4);functionArray(){...}})();

// 等等.

安装

通过NPM安装

UglifyJS已经可以通过NPM进行安装：

npm install uglify-js

通过GitHub安装最新版本

## 克隆仓库
mkdir -p /where/you/wanna/put/it
cd /where/you/wanna/put/it
git clone git://github.com/mishoo/UglifyJS.git## 让uglify模块对NodeJS有效
mkdir -p ~/.node_libraries/
cd ~/.node_libraries/
ln -s /where/you/wanna/put/it/UglifyJS/uglify-js.js

## 支持命令行的方式调用
mkdir -p ~/bin
cd ~/bin
ln -s /where/you/wanna/put/it/UglifyJS/bin/uglifyjs
  # (然后将 ~/bin 增加到 $PATH)

如何使用

UglifyJS提供了命令行工具，支持shell脚本的操作需要：

uglifyjs [选项...][文件名]

最后一个参数是要处理的JS文件名，如果不指定，则从标准输入（STDIN）读取。

支持的选项：

-b 或 --beautify - 输出格式化代码，当传入该参数，下面的附加选项用于更美观的控制格式化：
--ascii -默认 UglifyJS 不处理字符编码而直接输出 Unicode 字符，通过传入该参数将非ASCII编码的字符转化为\cXXXX的序列（输出总按照UTF8编码，但传入该选项能得到ASCII编码的输出）。
-nm 或 --no-mangle - 不改变变量名称
-ns 或 --no-squeeze - 不调用 ast_squeeze() 函数（该函数会做多种优化使得结果更小，可读性略有降低）
-mt 或 --mangle-toplevel - 在顶级作用域打乱变量名称（默认不开启）
--no-seqs - 当调用 ast_squeeze() 将会合并多个语句块为一个语句块，如 "a=10; b=20; foo()" 将被转换为 "a=10,b=20,foo()"
--no-dead-code - 默认 UglifyJS 将会删除不被用到的代码，传入该参数禁用此功能。
-nc 或 --no-copyright - 默认 uglifyjs 会在输出后的代码中添加版权信息等注释代码，传入该参数禁用此功能。
-o 文件名或 --output 文件名 - 指定输出文件名，如果不指定，则打印到标准输出（STDOUT）
--overwrite - 如果传入的JS代码来自文件而不是标准输入，传入该参数，输出会覆盖该文件。
--ast - 传入该参数会得到抽象的语法树而不是Javascript，对调试或了解内部代码很有用。
-v 或 --verbose - 在标准错误输出一些信息（目前的版本仅输出操作用时）
--extra - 开启附加优化，这些优化并未得到全面的测试。
--unsafe - 开启其他附加优化，这些优化已知在特定情况下并不安全，目前仅支持：
--max-line-len （默认32K字节） - 在32K字节出增加换行符，传入0禁用此功能。
--reserved-names - 一些类库会依赖一些变量，该参数指定的名称不会被混淆掉，多个用逗号隔开。

API

要想在Javascript中使用UglifyJS类库，参考下面的示例（以NodeJS为例）：

var jsp =require("uglify-js").parser;var pro =require("uglify-js").uglify;var orig_code ="Javascript代码";var ast = jsp.parse(orig_code);// 解析代码返回初始的AST
ast = pro.ast_mangle(ast);// 获取变量名称打乱的AST
ast = pro.ast_squeeze(ast);// 获取经过压缩优化的ASTvar final_code = pro.gen_code(ast);// 压缩后的代码

上面的代码会立刻进行代码的全面压缩，正如你所看到的，这里经历了一系列的步骤，你可有省略某些步骤以满足自己的需求。

这里的函数有一些参数，我们做些介绍：

jsp.parse(code, strict_semicolons) - 解析JS代码并返回AST。strict_semicolons是可选的，默认为false，当传入true，解析器会在预期为分号而实际没找到的情况下抛出错误。对于大多数JS代码我们不需要那么做，但严格约束代码很有益处。
pro.ast_mangle(ast, options) - 返回经过变量和函数名称混淆的AST，它支持以下选项：
pro.ast_squeeze(ast, options) - 开启深度优化以降低代码尺寸，返回新的AST，选项可以是一个hash，支持的参数有：
pro.gen_code(ast, options) - 通过AST生成JS代码。默认输出压缩代码，但可以通过调整选项参数获得格式化的输出。选项是可选的，如果传入必须为对象，支持以下选项：

结语

UglifyJS在语法上与Google压缩相似，在性能上是一流的，所以建议多多实践！

非安全转换

非安全转换

涉及到全局数组构造函数的调用

安装

通过NPM安装

通过GitHub安装最新版本

如何使用

API

结语

公告