闭包编译器不会虚拟化匿名包装器中包含的原型函数

发布于 2024-12-20 12:00:05 字数 1408 浏览 3 评论 0原文

我正在尝试 Google Closure Compiler 的高级模式，似乎只有在未包装在匿名包装器中时，才会内联小型简单函数。寻找我做错了什么的解释/解决方案或提示。

这是我的测试：

function Test() {
}
Test.prototype.div = function (index) {
    return Math.floor(index / 32);
};
Test.prototype['test'] = function (index) {
    return this.div(index);
};
window['Test'] = Test;

结果是这个小脚本，其中 div 函数被内联：

function a() { } 
a.prototype.test = function(b) { return Math.floor(b / 32) }; 
window.Test = a;

接下来，测试的包装如下：

(function () { // <-- added
    function Test() {
    }

    Test.prototype.div = function (index) {
        return Math.floor(index / 32);
    };

    Test.prototype['test'] = function (index) {
        return this.div(index);
    };

    window['Test'] = Test;
}()); // <-- added

div 函数是未内联：

(function() { 
    function a() { } 
    a.prototype.a = function(a) { return Math.floor(a / 32) }; 
    a.prototype.test = function(a) { return this.a(a) }; 
    window.Test = a
})();

是否有一些我不知道的副作用阻止了内联？

更新 1：我正在使用带有高级模式的在线编译器 +漂亮的印刷打勾。

更新2：发现命令行参数--output_wrapper可以用作解决方法，--output_wrapper "(function() {%output%} )();"。

原文

I'm experimenting with advanced mode of Google Closure Compiler and it seems like small simple functions are inlined only when not wrapped in an anonymous wrapper. Looking for an explanation/solution or hint of what I'm doing wrong.

This is my test:

function Test() {
}
Test.prototype.div = function (index) {
    return Math.floor(index / 32);
};
Test.prototype['test'] = function (index) {
    return this.div(index);
};
window['Test'] = Test;

which results in this small script where the div function is inlined:

function a() { } 
a.prototype.test = function(b) { return Math.floor(b / 32) }; 
window.Test = a;

Next, the test is wrapped like:

(function () { // <-- added
    function Test() {
    }

    Test.prototype.div = function (index) {
        return Math.floor(index / 32);
    };

    Test.prototype['test'] = function (index) {
        return this.div(index);
    };

    window['Test'] = Test;
}()); // <-- added

The div function is not inlined:

(function() { 
    function a() { } 
    a.prototype.a = function(a) { return Math.floor(a / 32) }; 
    a.prototype.test = function(a) { return this.a(a) }; 
    window.Test = a
})();

Is there some side-effect that I'm not aware of that is preventing inlining here?

Update 1: I'm using online compiler with advanced-mode + pretty-print ticked.

Update 2: Found out that the command line parameter --output_wrapper can be used as a workaround, --output_wrapper "(function() {%output%})();".

分享到QQ

分享到微博