大型JavaScript应用程序架构模式(9)

CommonJS

关于CommonJS的介绍，这里就不多说了，博客园有很多帖子都有介绍，我们这里要提一下的是CommonJS标准里里有2个重要的参数exports和require，exports是代表要加载的模块，require是代表这些加载的模块需要依赖其它的模块，也需要将它加载进来。

    /*

    Example of achieving compatibility with AMD and standard CommonJS by putting boilerplate around the standard CommonJS module format:

    */

    (function(define){

    　　define(function(require,exports){

    　　　　// module contents

    　　　　var dep1 = require("dep1");

    　　　　exports.someExportedFunction = function(){...};

    　　　　//...

    　　});

    })(typeof define=="function"?define:function(factory){factory(require,exports)});

有很多CommonJS标准的模块加载实现，我比较喜欢的是RequireJS，它能否非常好的加载模块以及相关的依赖模块，来一个简单的例子，例如需要将图片转化成ASCII码，我们先加载encoder模块，然后获取他的encodeToASCII方法，理论上代码应该是如下：

    var encodeToASCII = require("encoder").encodeToASCII;

    exports.encodeSomeSource = function(){

    　　//其它操作以后，然后调用encodeToASCII

    }

但是上述代码并没用工作，因为encodeToASCII函数并没用附加到window对象上，所以不能使用，改进以后的代码需要这样才行：

    define(function(require, exports, module) {

    　　var encodeToASCII = require("encoder").encodeToASCII;