javascript - 将我的 JS 分解成更小的部分

Question

我的 JavaScript 文件现在超过 1000 行。我需要让它更易于管理。这是我的文件的基本结构:

// Some settings (easily put in a separate file)

// Some jQuery plugins (easily put in a separate file)

$(function () {
   var gadget1 = (function() {
       var private, public;
       // stuff
       return public;
   }());

   var gadget2 = (function() { // gadget2 uses gadget1
       var private, public;
       // stuff
       return public;
   }());

   var gadget3 = (function() {  // gadget3 uses gadget1 and gadget2
       var private, public;
       // stuff
       return public;
   }());

   // Playing around with the gadgets.
});

我的大部分代码都包含在 $(document).ready() 中，并且由“小工具”组成，这些小工具是大块闭包。如何将每个“小工具”分离到一个单独的模块中？

Answer 1

您可以使用命名空间模式

MyAPP = {}
MyAPP.Gadget1 = (function () {
    //blah blah
})()

然后有一个 helper

MyAPP.helpers = (function () {
  //here are my helper functions/properties etc.
})()

这些命名空间对象将在单独的文件中。