注册登录

【Compressor】YUI Compressor压缩JavaScript原理及微优化-压缩

时间:2016-02-12 13:24 来源: 我爱IT技术网作者:佚名

欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【YUI Compressor压缩JavaScript原理及微优化】，下面是详细的讲解！

YUI Compressor压缩JavaScript原理及微优化

最近写一个jQuery插件，在最后完成优化时，对比发现压缩后文件比较大，就思考那些是可以被修改和优化的，发现压缩原理也有很大的空间可以学习，通过这次对YUI Compressor压缩JavaScript深有体会，那些是可以被压缩的，特别是那些不能被压缩的，都需要很清楚，这样才能写出来的插件才能保持文件更小，代码更精巧，而且优化的过程中也会发现代码待改良的地方，对以后也有很大帮助。随便在网上找来一篇文章做记录了。

YUI Compressor 压缩 JavaScript 的内容包括：
移除注释
移除额外的空格
细微优化
标识符替换（Identifier Replacement）

YUI Compressor包括哪些细微优化呢？
object["property"] ，如果属性名是合法的 JavaScript 标识符（注：合法的 JavaScript 标识符——由一个字母开头，其后选择性地加上一个或者多个字母、数字或下划线）且不是保留字，将优化为： object.property
{"property":123} ，如果属性名是合法的 JavaScript 标识符且不是保留字，将优化为{property:123} （注：在对象字面量中，如果属性名是一个合法的 JavaScript 标识符且不是保留字，并不强制要求用引号引住属性名）。
'abcd\'efgh'，将优化为 "abcd'efgh"。
"abcd" + "efgh"，如果是字符串相连接，将优化成 "abcdefgh"（注：所有在使用 YUI Compressor 的前提下，对于脚本中的字符串连接，使用连接符 “+” 的效率和可维护性最高）。
对于 JavaScript 最有效的压缩优化，当属标识符替换。
比如：

复制代码代码如下:

(function(){
function add(num1, num2) {
return num1 + num2;
}
})();

进行属标识符替换后：

复制代码代码如下:

(function(){
function A(C, B) {
return C+ B;
}
})();

再移除额外的空格，最终成了：

复制代码代码如下:

(function(){function A(C,B){return C+B;}})();

YUI Compressor 标识符替换仅替换函数名和变量名，那哪些不能被替代呢？
原始值：字符串、布尔值、数字、null 和 undefined。一般来说字符串占的空间最多，而非数字字面量其次（true、false，null，underfinded）。
全局变量：window、document、XMLHttpRequest等等。使用最多的就是 document、window。
属性名，比如：foo.bar。占据的空间仅次于字符串，”.” 操作符无法被代替，且 a.b.c 更加费空间。
关键字。经常被过度使用的关键字有：var、return。最好的优化方法：一个函数仅出现一次 var 和 return 关键字。
对于原始值、全局变量、属性名的优化处理方式大致相同：任何字面量值、全局变量或者属性名被使用超过 2 次（包括2次），都应该用局部变量存储代替。
但有部分情况下是禁止使用标识符替换的：
使用 eval() 函数。解决方法：不使用或者创建一个全局函数封装 eval()。
使用 with 语句。解决方法：方法同上。
JScript 的条件注释。唯一解决的方法：不使用。
由于 YUI Compressor 是建立在 rhino interpreter 基础上的，所以上述所有的优化都是安全的。

关于YUI Compressor压缩JavaScript原理及微优化的用户互动如下：

　　相关问题：除了Closure 外，还有哪些口碑较好的 JavaScript ...

　　答：还有JSMin、YUI Compressor、UglifyJS等压缩工具具体介绍见http://www.open-open.com/news/view/17feb55 >>详细

　　相关问题：怎么使用yuicompressor2.4.2.jar进行js，CSS进行代...

　　答：目前开发Web应用Javascript发挥的作用越来越大，相关的Javascript框架也比较多。但是有一个问题，我们开发过程中，所有的JS代码都添加了注释，如使用JsDoc，代码的可读性比较强，同时这样的代码也便于调试。但是在产品环境中，我们希望这些JS代... >>详细

　　相关问题：javascript代码压缩用压缩工具还是自己写代码压缩？

　　答：一般用工具，可以使用ant做些自动化压缩设置，推荐两个： 1.yui compressor http://www.oschina.net/p/yui+compressor 2.Google Closure Compiler >>详细

评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）

【Compressor】YUI Compressor压缩JavaScript原理及微优化-压缩

YUI Compressor压缩JavaScript原理及微优化

关于YUI Compressor压缩JavaScript原理及微优化的用户互动如下：

第一章 JavaScript （基础）

第二章 JavaScript（高级）