ESC之ESC.wsf可以实现javascript的代码压缩附使用方法第1/5页

ESC之ESC.wsf可以实现javascript的代码压缩附使用方法

什么是ESC和ESC.wsf？

ESC是一种单向加密机制，其全称为“Escape Sequence”，中文意思是“转义序列”。当一个字符在普通字符串中使用特定编码表示时，它就成为了转义字符，在JavaScript中常被用来表示特殊字符或者格式化字符串等。

而ESC.wsf则是一种通用的脚本语言，全称是“Windows Script File”，它可以运行VBScript或JScript等多种类型的脚本语言。

代码压缩原理

通过使用ESC的转义字符机制，将JavaScript代码中的空格、注释、换行、制表符等不必要的字符替换成较短的字符，从而缩小代码的体积。代码压缩在Web开发中常被用于减小文件大小以提高页面响应速度，同时也可以保护代码的版权。

使用方法

安装ESC.wsf

在Windows系统中，ESC.wsf可以直接使用，不需要额外安装。

打开CMD（命令行窗口）

在Windows操作系统中，按下“Win+R”键打开运行窗口，输入“cmd”并按下“Enter”键，即可进入命令行窗口。

执行代码压缩命令

在CMD中输入以下命令：

CScript.exe <js_file_name> > <min_file_name>

其中，要压缩的JavaScript文件名为“js_file_name”，压缩后的文件名为“min_file_name”。

例如，将“test.js”压缩为“test.min.js”文件，命令如下：

CScript.exe ESC.wsf test.js > test.min.js

查看压缩后代码效果

通过编辑器或浏览器调试工具，打开压缩后的JavaScript文件，可以看到原有代码中的空格、注释、换行、制表符等不必要的字符被替换成了较短的字符。

代码压缩示例

示例1

假设有如下未压缩的JavaScript代码：

function test() {
  var name = "hello";
  var age = 18;
  console.log(name + " " + age);
}
test();

使用ESC.wsf对其进行压缩，命令如下：

CScript.exe ESC.wsf test.js > test.min.js

压缩结果如下：

function test(){var name="hello";var age=18;console.log(name+" "+age)}test();

可以看到原有代码中每一行之间的空格和换行符都被压缩掉了，变成了一行紧凑的代码。

示例2

在一些JavaScript库中，为了方便调试和阅读，作者会在代码中加入大量注释，但是这些注释对于网页性能是有损耗的，因此需要进行压缩。

假设有如下未压缩的JavaScript库代码（jQuery）：

/*!
 * jQuery JavaScript Library v3.6.0
 * https://jquery.com/
 *
 * Includes Sizzle.js
 * https://sizzlejs.com/
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license
 * https://jquery.org/license
 *
 * Date: 2021-03-02T17:11Z
 */
(function( global, factory ) {

    "use strict";

    if ( typeof module === "object" && typeof module.exports === "object" ) {
        // For CommonJS and CommonJS-like environments where a proper `window`
        // is present, execute the factory and get jQuery.
        // For environments that do not have a `window` with a `document`
        // (such as Node.js), expose a factory as module.exports.
        // This accentuates the need for the creation of a real `window`.
        // e.g. var jQuery = require("jquery")(window);
        // See ticket #14549 for more info.
        module.exports = global.document ?
            factory( global, true ) :
            function( w ) {
                if ( !w.document ) {
                    throw new Error( "jQuery requires a window with a document" );
                }
                return factory( w );
            };
    } else {
        factory( global );
    }

// Pass this if window is not defined yet
}(typeof window !== "undefined" ? window : this, function( window, noGlobal ) {

var arr = [];

var document = window.document;

var slice = arr.slice;

var concat = arr.concat;

var push = arr.push;

var indexOf = arr.indexOf;

var class2type = {};

...