JavaScript 模块模式/组织/子模块

Question

1. 我想知道是什么 不同之处 （优点/缺点）之间 以下模式。
2. 如何创建基于子模块 关于模块模式？

我的目标是将我的 js 组织成多个文件，这些文件是延迟加载但具有一个命名空间。

例如：

SO.global（global.js） SO.global.registration (registration.js) <- 加载

var SO = function(){

    var CONSTANT = 'Z';

    function createX(){
      alert("create X");
    }

    function getY(){
       alert("get Y");
    }
    return{
      create:createX,
      get:getY
    }
}();

//SO.createX(); 
//SO.getY();

VS.

var SO = (function() {

    var CONSTANT = 'Z';

    function createX(){
      alert("create X");
    }

    function getY(){
       alert("get Y");
    }

    return {
      create:createX,
      get:getY
    }

} ());

Answer 1

您是否考虑过Require.JS？它尝试提供以下解决方案：

• 某种 #include/import/require
• 加载嵌套依赖项的能力，
• 方便开发人员使用，但随后由有助于部署的优化工具支持

Require.JS 实现 模块/异步定义 由 Common.JS 定义的规范

Answer 2

这是一个很好的读物： http://snook.ca/archives/javascript/ no-love-for-module-pattern，另一个：http://lamb.cc /blog/category/javascript/

YUI 热衷于使用它，我也是如此，我还没有发现任何受到它限制的情况，并且它与自定义模块的 YUI 依赖加载器很好地集成。

（抱歉，我知道这不是完整的答案，但有一些未经篡改的信息供您使用）