javascript - 组织 javascript 文件以更好地进行混淆

Question

utilities.js:
function log(message)
{
....
}

module1.js
YAHOO.util.Event.onDOMReady(function()
{
  log("module1 is loaded");
});

module2.js
YAHOO.util.Event.onDOMReady(function()
{
  log("module2 is loaded");
});

对于页面请求，我将首先加载utilities.js，然后加载module1.js和module2.js

现在，当我尝试混淆这些文件时，模块中对“log”的引用不会被混淆，因为它是隐含的全局变量。

我想将模块文件分开(尽管服务于同一页面)，以提高可读性和维护性。并且utilities.js中的函数也可以用于其他页面。

如何更好地组织这些文件以改善混淆？

Answer 1

将代码放入自执行匿名函数中:

(function(){
    YAHOO.util.Event.onDOMReady(function() {
        log("module2 is loaded");
    });
})();

因此，当您的代码混淆全局函数和变量时，它们仍将具有其原始名称。