JavaScript分析、压缩工具JavaScript Analyser

JSA的压缩过程分两步

第一步是语法压缩，类似于Dojo ShrinkSafe，但比他安全，且更加有效。

第二步是文本压缩，目前采用的是
JavaScript Compressor的压缩算法。
(http://dean.edwards.name/packer/ )

这些都可以在设置窗口设置。
默认情况先用语法压缩，当文件大于1000byte且采用文本压缩仍然可以压缩到原来大小90％时才在原来基础上采用文本压缩。

下面来一段脚本压缩示例，展示一下JSA语法压缩和优化功能。

代码如下:

try {
//xxxx();
}
catch (e) {
yyyy();
function f1() {
}
}
finally {
zzzz();
}
function f2(var1) {
var var2 = 2;
var var3 = 3;
var withObject = {var2:-2}
with(withObject){
alert(var2);
}
}

压缩结果（经过格式化，便于查阅）：

代码如下:

zzzz();
function f2(A) {
var var2 = 2;
var B = 3;
var C = {var2:-2};
with (C) {
alert(var2);
}
}

与其他压缩工具压缩率比较：

1. JavaScript Compressor(http:// dean.edwards.name/packer/)
    与他自己的压缩工具代码为例（v2.02） packer压缩后大小为 7,428 字节（去除注释）。
    而我们的压缩工具可以压缩至7,256  字节
    7256 / 7428 = 0.9768443726440496
2.Dojo ShrinkSafe （粗糙的东西，既低效又危险，建议原有用户赶紧换掉）
    与他自己的框架源代码为例(v0.4.1)：
    他自己压缩大小为149,518 字节,而我们压缩后可以缩小至81,261 字节
    81261 / 149518 = 0.5434864029748927

安全性说明：

1.JavaScript Compressor

基于文本的压缩，我没有细看其中逻辑，但是这种压缩出问题的可能性很低，我们的压缩工具也使用到他的压缩算法，在JSI 1.1 a8 及
其集成的第三方类库的测试中，未见异常。而且还有知名框架JQuery使用，相信不会有问题。

补充（2007-03-12）：今天发现，这个东西在分析JavaScript多行字符串语法时，有bug。不过这个问题在经过JSA语法压缩之后，将不复存在。

2.Dojo ShrinkSafe 危险！！！！！

使用较短的名字替换掉长的局部变量名，这是一个极其不安全的压缩工具，举例说明：

代码如下:

function(){ 
  var withObject = {variable1:1} 
  var variable1 = 2; 
  with(withObject){ 
    alert(variable1); 
  } 
}

将压缩成 ：

代码如下:

function(){ 
var _1={variable1:1}; 
var _2=2; 
with(_1){ 
alert(_2); 
} 
}

这明显是错误的，这个垃圾没有注意javascript某些特殊语法，和动态性。
对eval函数，catch操作，with语句，都未作任何处理。
相比之下JSA的是当前我知道的最安全最有效的压缩工具。
JSA 不仅提供代码压缩功能，还可以做格式化，脚本分析。

脚本分析功能可以用于查看脚本信息，以及查找脚本中的潜在问题。
比如查看脚本中申明了那些函数，变量。
使用了那些外部变量。等等。。。

赞 (0)

相关推荐

  • Javascript 闭包引起的IE内存泄露分析

    复制代码 代码如下: function fors(){ obj_a = obj_b; obj_b.attr = obj_a; } 复制代码 代码如下: function fors(){ obj_b = {}; obj_b.attr = obj_b; } 上面是两个个很显示的循环引用,IE中产生了内存泄露,由于IE的内存回收机制,导至会长期占用内存而不能释放. 但闭包的内存泄露,有些隐蔽.因为闭包的循环引用,是间接的. 复制代码 代码如下: function iememery(){ var js_

  • 如何确保JavaScript的执行顺序 之jQuery.html深度分析

    如何确保JavaScript的执行顺序 之jQuery.html深度分析

    我们先来简单回顾下HTML源代码(test2.htm): 复制代码 代码如下: <html> <head> <title></title> <script src="js/jquery-1.4.4.js" type="text/javascript"></script> <script> $(function(){ $('#container').html('<script s

  • Js(JavaScript)中,弹出是或否的选择框示例(confirm用法的实例分析)

    <script>        if(confirm("确定要进行此操作吗?"))        {          alert("把确定的事件写到这里吧!");        }        else         {           alert("如果取消,就写一个返回事件吧!");        }</script> jQuery.ligerDialog.confirm('确定删除吗?', function

  • 发布一个高效的JavaScript分析、压缩工具 JavaScript Analyser

    发布一个高效的JavaScript分析.压缩工具 JavaScript Analyser 先发一段脚本压缩示例,展示一下JSA语法压缩和优化功能. 复制代码 代码如下: try {         //xxxx();     } catch (e) {         yyyy();         function f1() {         }     } finally {         zzzz();     } function f2(var1) {         var var

  • 理解Javascript_01_理解内存分配原理分析

    理解Javascript_01_理解内存分配原理分析

    原始值和引用值 在ECMAScript中,变量可以存放两种类型的值,即原始值和引用值. 原始值指的就是代表原始数据类型(基本数据类型)的值,即Undefined,Null,Number,String,Boolean类型所表示的值. 引用值指的就是复合数据类型的值,即Object,Function,Array,以及自定义对象,等等 栈和堆 与原始值与引用值对应存在两种结构的内存即栈和堆 栈是一种后进先出的数据结构,在javascript中可以通过Array来模拟栈的行为 复制代码 代码如下: va

  • javascript中的数字与字符串相加实例分析

    复制代码 代码如下: console.log('----1----') console.log('12' + '34')//'1234' console.log('12' + 34 )//'1234' console.log(12 + '34')//'1234' console.log(12 + 34 )//46 console.log('----2----') console.log(+'12' + '34')//'1234' console.log(+'12' + 34 )//46 cons

  • 5款JavaScript代码压缩工具推荐

    推荐5款优秀的JavaScript代码压缩工具.代码压缩(也称代码最小化)是一个从源代码中消除所有不必要的字符的过程,包括删除所有不必要的空格字符.新行字符.评论等.代码压缩不影响源代码的功能,却提高加载时间(和web应用程序的性能),因为,要下载的文件的大小减少了. 以下是5款优秀的JavaScript代码压缩工具,我相信,他们定可以将你的脚本变得更轻巧,代码性能更出色. 一.YUI Compressor Yahoo出品!YUI Compressor是一个用Java编写,帮你最小化JavaSc

  • 推荐15个最好用的JavaScript代码压缩工具

    推荐15个最好用的JavaScript代码压缩工具

    JavaScript 代码压缩是指去除源代码里的所有不必要的字符,而不改变其功能的过程.这些不必要的字符通常包括空格字符,换行字符,注释以及块分隔符等用来增加可读性的代码,但并不需要它来执行. 在这篇文章中,我们选择了15个最好用的 JavaScript 压缩工具,有简单的在线转换器,GUI工具和命令行界面等. 1. JavaScript Minifier It is a nice looking tool with an API to minify your js code. 2. JSMIn

  • JavaScript代码压缩工具UglifyJS和Google Closure Compiler的基本用法

    一.UglifyJS UglifyJS是用JavaScript编写的JavaScript压缩工具. 官网:http://lisperator.net/uglifyjs/ 1.通过NPM安装UglifyJS (1)安装Node.js 从Node.js官网https://nodejs.org/en/下载对应平台的安装程序,当前最新版本11.4.0,推荐版本10.14.2. 本人下载的是10.14.2,下载下来是一个node-v10.14.2-x64.msi安装包,按照默认下一步安装. 安装成功后在c

  • 分享一款超好用的JavaScript 打包压缩工具

    背景 平时大家在开发 Js 项目的时候,可能已经离不开 webpack 等打包工具了.而 webpack 打包速度大概就是"能用"的水平.大概去年开始,我就开始在构想,如果能写一个极速的打包工具,功能未必需要很强,可能对小项目非常有用.去年我用 C++ 写完 parser 之后,便没什么动力写下去了.但是最近发现有这个想法的不止我一个,Figma 的 CTO 业余之际写了一个打包器 https://github.com/evanw/esbuild ,可以说完完全全实现了我想象中的需求,

  • javascript面向对象之Javascript 继承

    上几节讲了 JavaScript 面向对象之命名空间 . javascript 面向对象的JavaScript类 . JavaScript 面向对象的之私有成员和公开成员 与 Javascript 面向对象之重载,大家可以先看上面的再继续往下看. 在JavaScript中实现继承可以有多种方法,下面说两种常见的. 一,call 继承,先看代码: 先定义一个"人"类 复制代码 代码如下: //人类 Person=function(){ this.name="草泥马";

  • javascript学习(二)javascript常见问题总结

    1.JS中方法和变量都是区分大小写的 2.单引号.双引号在JS中没有特殊的区别,都可以用来创建字符串.但作为一般性规则,大多数开发人员喜欢用单引号而不是双引号,但是XHTML规范要求所有属性值都必须使用双引号括起来.这样在JS中使用单引号,而对XHTML使用双引号会使混合两者代码更方便也更清晰. 单引号可以包含双引号,同理,双引号也可以包含单引号. 3.括号 首先需要说明的是:JS中括号包含两种语义,可以是分隔符也可以是表达式. a.分隔符大家非常熟悉(1+3)*3等于12 b.(functio

  • JavaScript分析、压缩工具JavaScript Analyser

    JSA的压缩过程分两步 第一步是语法压缩,类似于Dojo ShrinkSafe,但比他安全,且更加有效. 第二步是文本压缩,目前采用的是 JavaScript Compressor的压缩算法. (http://dean.edwards.name/packer/ ) 这些都可以在设置窗口设置. 默认情况先用语法压缩,当文件大于1000byte且采用文本压缩仍然可以压缩到原来大小90%时才在原来基础上采用文本压缩. 下面来一段脚本压缩示例,展示一下JSA语法压缩和优化功能. 复制代码 代码如下: t

  • JavaScript 代码压缩工具小结

    UglifyJS UglifyJS是构建于nodeJS服务器端之上的一个代码压缩工具,目前jQuery使用它来压缩,压缩效果比较好. GitHub主页:http://github.com/mishoo/UglifyJS/ 在线使用:http://marijnhaverbeke.nl/uglifyjs 使用方法: 从http://nodejs.org下载nodejs,用到的是node.exe 再从UglifyJS的GitHub主页下载它的最新版本 复制node.exe到UglifyJS的bin目录

  • 面向对象的Javascript之一(初识Javascript)

    1. Javascript最大的特性在于其灵活性.作为一名前端开发人员,既可以采用函数式的编程风格,也可以采用更复杂一点的面向对象的编程风格.不管你采用哪种风格,都可以完成一些非常有用的任务.因而,Javascript是一门面向过程的语言,同时也是一门面向对象的语言,进而可以模仿面向对象语言的编程模式和惯用法.我们用一个例子来说明:启动和停止动画. 如果你习惯于函数式的编程风格,代码会如下: 复制代码 代码如下: function startAnimation() { //启用动画 } func

随机推荐