組織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");
});

對於頁面請求，我先加載Utility.js，然后加載module1.js和module2.js

現在，當我嘗試混淆這些文件時，將不會混淆模塊中對“ log”的引用，因為這是隱含的全局變量。

我想將模塊文件分開（盡管用於同一頁面），以提高可讀性和維護性。 而且Utility.js中的功能也將用於其他頁面。

我如何更好地組織這些文件以改善混淆？

Answer 1

將您的代碼放入自執行匿名函數中：

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

因此，當您的代碼混淆了全局函數時，變量仍將具有其原始名稱。

Answer 2

我個人喜歡使用RequireJS： http: //requirejs.org/

它是加載模塊的框架，您可以返回要使用的集合或對象，並將所有模塊保留在單獨的作用域中。