闭包编译器/ uglifyjs - this.函数名未缩短

Question

如果我通过闭包编译器或uglifyjs运行这段代码，Init不是缩写。有人能告诉我为什么吗?

function test() {
    var v = "abc";
    this.init = function() {
         alert('var = ' + v + ' and func = ' + f());
         f2();
    }
    function f() {
        return 'def';
    }
    function f2() {
        v = "ghi";
        alert('blabla');
        alert('filler');
    }
}
test();

uglifyjs将其转换为:

function test(){function c(){a="ghi",alert("blabla"),alert("filler")}function b(){return"def"}var a="abc";this.init=function(){alert("var = "+a+" and func = "+b()),c()}}test()

美化即:

function test() {
    function c() {
        a = "ghi", alert("blabla"), alert("filler")
    }
    function b() {
        return "def"
    }
    var a = "abc";
    this.init = function () {
        alert("var = " + a + " and func = " + b()), c()
    }
}
test()

那么为什么this.init()没有更改为更短的名称呢?

另外，下面两种做法的区别是:

 function init() {..}

和

 this.init = function() { .. }

谢谢,韦斯利

Answer 1

init不缩短的原因与test不缩短的原因相同…因为它是你代码的公共API的一部分。

当你调用var t = new test()时，你将创建一个像这样的对象:

{
    init: function() { ... },
    prototype: test
}

，可以调用t.init()。如果编译器不尊重全局作用域中可用的那些变量，那么您必须在最小化之前将JavaScript代码的所有内联到一个文件中。否则，每次缩小test.js时，公共函数test的名称都会改变。所以这段代码:

<script type="text/javascript" src="js/test.min.js"></script>
<script type="text/javascript">
var t = new test();
t.init();
</script>

将会中断(因为test将可能被缩小器更改为a并初始化为其他字母)

至于你的问题的第二部分，当你做this.init = function时，你正在一个不确定的对象上设置一个属性(它可能是任何东西，因为this是在JavaScript的调用时设置的，你在函数test中声明它)。当您编写function init(){}时，您正在编写一个函数声明，它将被提升到封闭作用域的顶部(这意味着您可以在定义它之前在定义它的作用域内调用它)。但是，test之外将不可用。