javascript - 在前端开发中，在不使用框架的情况下(像RequireJS之流)，如果做到模块化开发？

Question

在进行模块化开发的过程中，有哪些基本的代码结构(不是框架的)。
之前提过一个关于封装的问题。
这封装和模块之间有哪些异同呢？

有些语无伦次了，轻喷^_^!

Answer 1

在某天抽風把 commonJS 的風格完美搞到瀏覽器端之前，我一直這樣寫：

var Module1 = (function() { /* something */ }());

var Module2 = (function() {
    /* something else */
    // Module1.doSomething();
}());

當然自製框架畢竟無法用到所有場合

在 codetank 遊戲中，我一般這樣寫：

var Utils = Utils();

Robot = new J.Class({extend: tank.Robot}, (function(TANK) {
    return {
        run: function() {
            Utils.doSomething();
        },
    };
}(tank)));

function Utils() {
    return {
        doSomething: function() { /* nothing:) */ },
    };
}

然後你只要自動把「Utils()」腦補成「require('Utils')」即可

配合自製的代碼高亮+配色方案效果還是不錯的

Answer 2

可以参考webpack的输出,足够精简
examples

Answer 3

模块化编程 by阮一峰
链接

Answer 4

其实自己实现require也很简单的，在windows下写个require方法和一个registerRequire方法，require方法的视线仿照lua的模式就可以了，然后具体每一个js文件最后的返回值通过registerRequire方法注册就好了，很简单的，完全没必要用什么框架，如果你再用coffee来写，那简直完美