0

我已按照其他 SO 线程的建议从我的代码中删除console.log()语句。

不幸的是,现在 Closure 编译器正在删除我的整个代码而不仅仅是console.log()语句。

有人可以解释一下吗?我很茫然...

JS文件1

(function(){
/** @const */
LOG = false;

function log() {
    return console.log.apply(console, arguments);
}

LOG && log('hello world !');

var foo='bar';
LOG && log("foo"+foo);
})();

JS文件2

(function(){
/** @const */
LOG = false;    

function test(){
    alert('testing...');
}

var baz='bazzy';
LOG && log("baz"+baz);


})();

闭包编译步骤:

$ java -jar compiler-latest/compiler.jar --js j1.js j2.js --js_output_file compiled.js 

结果:

(function(){LOG=!1})();(function(){LOG=!1})();
4

1 回答 1

2

因为编译器确定您的其余代码无法访问。

这两个文件都有一个常量 LOG 设置为 false 并且您没有导出任何内容(goog.export* 或 window['...'] = ...)。可以执行的代码前面有一个LOG &&,表示它没有被执行。

因此没有什么可以被执行,因此编译器将其全部删除。

为什么要删除功能测试:没有人调用它,就这么简单。在您的一个文件中调用它,编译器不会将其删除。


您可以(实际上应该)定义 LOG 并仅在一个文件中登录。为此,请删除每个文件中代码周围的匿名函数调用。您可以使用命令行选项告诉编译器将其添加回已编译的代码:

--output_wrapper=(function(){ %output% })();

所以你的两个文件应该是这样的:

JS文件1

/** @const */
var LOG = false;

function log() {
    return console.log.apply(console, arguments);
}

LOG && log('hello world !');

var foo='bar';
LOG && log("foo"+foo);

JS文件2

function test(){
    alert('testing...');
}

var baz='bazzy';
LOG && log("baz"+baz);

// call test, so it a) isnt stripped and b) well, executed :)
test();

此外,您可能希望将全局变量和函数放入“命名空间”中,以免污染全局范围:

// create namespace (which is just a normal object)
var MyNamespace = {};

// create a namespaced function
MyNamespace.test = function() {
    alert('test');
}

// call it
MyNamespace.test();
于 2013-09-17T21:36:55.907 回答