js大项目代码的多人合作处理方法

定义的是一个简单的键值对数据模块ž

//Inside file my/shirt.js:  
 define({  
    color: "black",  
    size: "unisize“  
 });  
 

Definition Functions

定义的模块包装在一个function内 

define(function () {  
//Do setup work here  
    return {  
       color: "black",  
       size: "unisize“  
 }  
 }); 

Definition Functions with Dependencies

定义一个有模块依赖关系的模块

//module in the same directory as shirt.js  
define(["./cart", "./inventory"], function(cart, inventory) {  
        //return an object to define the "my/shirt" module.  
        return {  
             color: "blue",  
             size: "large",  
             addToCart: function() {  
                 inventory.decrement(this);  
                 cart.add(this);  
             }  
        }  
} );  

那么，执行了这个模块的初始化会依次的加载顺序为

my/cart.js  
my/inventory.js  
my/shirt.js 

Define a Module as a Function

定义的模块为返回一个function

define(["my/cart", "my/inventory"], function(cart, inventory) {  
    //return a function to define "foo/title".  
   //It gets or sets the window title.  
   return function(title) {  
      return title ? (window.title = title) : inventory.storeName + ' ' + cart.name;  
   }  
} ); 

Define a Module with Simplified CommonJS Wrapper

定义一个简单的commonjs包装

define(function(require, exports, module) {  
       var a = require('a'),  
             b = require('b');  
//Return the module value  
       return function () {};  
 } );  
 

这个定义就可以把模块内部的任何变量暴露给exports来作为模块的属性提供。比如：

内有个定义

var name=‘nickli’; 

这个就仅仅是模块的内部私有变量，但是要想作为这个模块的属性提供就可以

Exports.name=“nickli”;  

然后在require这个模块的时候 就可以访问到name这个属性了

最后一点，也是比较重要的一点

Define a Module with a Name  给一个模块设置一个名字，这个在多个模块压缩成一个文件的时候是必要的，因为否则模块系统就找不到你压缩的文件里面哪个模块是哪个。而且这个name的定义 在你的开发环境中也要符合模块文件的路径，比如你的m模块在a文件夹下，那么你的name 的定义也要是 a/m 

//Explicitly defines the "foo/title" module:define("foo/title",  
        ["my/cart", "my/inventory"],  
        function(cart, inventory) {  
            //Define foo/title object in here.  
       }  
); 

模块化后的加载

<script data-main="scripts/main" src="scripts/require.js"></script> 

Require.js加载完毕后会自动去 拉取scripts/main.js

//Inside scripts/main.js  
require(["some/module", "a.js", "b.js"], function(someModule) { //... });  

会依次加载some/module.js   a.js b.js三个文件

模块化后的新问题

目前nodejs的模块系统是严格遵循的commonjs  规范实施的，但是要注意到，nodejs是运行在server端的，然而浏览器端编程和server的最大不同是server的所有模块文件都是在server和主文件是一块的。而浏览器要面对的是大量的模块文件带来的大量http请求的问题， 嗯， 这个问题在浏览器端是致命的。。。。。。。

不过我们有combo   动态文件压缩技术，这里不详述,前面已经有一随笔 讲述 require来实现combo的支持

关于js的模块化开发和amd相关资料，在http://www.cnblogs.com/snandy/里有不少更加详细的资料。

原文链接：http://www.cnblogs.com/litao229/archive/2012/04/10/2440274.html