4

如何使用uglifyjs解析 javascript 表达式？虽然是一个优秀的库，但缺乏文档使得它更难理解！

这些链接在一定程度上帮助了我。

现在我知道这是需要做的

  • 解析生成 AST
  • 创建自定义步行
  • 翻译 AST
  • 生成代码
  • eval 生成的代码

这个对吗？还是我错过了什么？

一个带有walker代码的简单示例将非常有帮助和赞赏

4

1 回答 1

3

我也是 uglifyjs 的新手。我认为它是一个很棒的库，但是它缺乏好的文档或示例。我认为非常好的 uglifyjs 的一种用途是创建一个静态分析工具。出于这个原因，我想分享一个我编写的小脚本，它在 js 文件中找到所有具有小名称的变量，例如var d=3; 这些变量名称不是很具有描述性，并且难以维护大型程序。所以我要求所有变量名至少有 3 个字符长。 为了让事情变得更有趣，我们不应该将 For..loops 和 For..in 循环中的计数器变量标记为缺陷。

也就是说，我们可以创建这个 smallVariables.js。

var smallVariableNames = [];

function addBadVariableName(line,value){
    smallVariableNames.push(line + " "+value);
}

var UglifyJS = require("../tools/node"); //Please install node first
var parser = UglifyJS.parser             // Parse input.js file and create AST 
    , fs = require('fs')
    , filename = 'input.js';


var toplevel = UglifyJS.parse(String(fs.readFileSync(filename)));
var walker = new UglifyJS.TreeWalker(function(node){  //walk AST 
var statement = JSON.parse(JSON.stringify(node));

if  (node instanceof UglifyJS.AST_VarDef || node instanceof UglifyJS.AST_Constant) 

    {

    var parentForIn = walker.find_parent(UglifyJS.AST_ForIn); //in order to avoid init vars in for..in loops 
    var parentLoopVariable ="";
    if (parentForIn) {

        parentLoopVariable = JSON.parse(JSON.stringify(parentForIn));
        parentLoopVariable = parentLoopVariable["init"];
        parentLoopVariable = parentLoopVariable["definitions"];
        if (parentLoopVariable)
        parentLoopVariable = parentLoopVariable[0].name["end"].value;
    }
    var parentFor = walker.find_parent(UglifyJS.AST_For); //in order to avoid init vars in for loops 

    if (parentFor) {
         parentLoopVariable = JSON.parse(JSON.stringify(parentFor));
        parentLoopVariable = parentLoopVariable["init"];
        parentLoopVariable = parentLoopVariable["definitions"];
        if (parentLoopVariable)
            parentLoopVariable = parentLoopVariable[0].name["end"].value;
    }


        var expression = statement["name"];
        if (expression) {
            variableName = node.start.value
            if(variableName  && variableName.length < 3 && variableName !== parentLoopVariable)
                {
                    addBadVariableName(node.start.line,variableName); 
                }
        }


    }
});
toplevel.walk(walker);
for (line in smallVariableNames)
    console.log(smallVariableNames[line]);

简而言之，我们的脚本读取“input.js”文件，解析它，走到树上并找到所有这些小变量。

好的，现在我们有了我们的脚本，我们可以如何测试它！我已将脚本保存在文件夹 %UGLIFY-JS%/test/ 安装最快捷的方法（如果您有 node.js 和 uglify.js）是在命令中运行：*node node_modules/uglify-js/test/smallVariables .js*

根据您的输入文件，您将看到一些行号和小变量名称。通过这种方式，您可以放置​​任何适合您需要的规则。AST 树是一个非常强大的工具。

我还发现以下文章非常有用：http: //lisperator.net/uglifyjs/walk

于 2013-03-04T12:36:57.880 回答