深入JavaScript模块化编程

(function(){
//...allvarsandfunctionsareinthisscopeonly
//stillmaintainsaccesstoallglobals
}());

function为开头的语句，都是定义函数的语句。添加括号就变成了创建函数表达式。

(function($,YAHOO){
//nowhaveaccesstoglobalsjQuery(as$)andYAHOOinthiscode
}(jQuery,YAHOO));

[code]公开

varMODULE=(function(){
varmy={},
privateVariable=1;

functionprivateMethod(){
//...
}

my.moduleProperty=1;
my.moduleMethod=function(){
//...
};

returnmy;
}());

MODULE.moduleProperty属性。另外，通过匿名闭包，还可以维护着一个私有的内部状态。同时，我们还可以使用上面的方法，轻易的引入全局变量。

高级应用

虽然上面的模式能够应付许多使用场景，不过我们可以更深入的了解该默认，来穿建更多强大的，具有扩张性的构件。还需继续上面的模块MODULE，让我们一个个使用。

扩展

目前该模式的一个限制就是，整个模块都必须在一个文件中。任何曾经在大型代码量下工作的人，都知道把代码分开成几个文件的价值。幸运的是，我们有一个很好的办法来扩展模块。首先，我们引入模块，然后继续添加属性，再把它暴露出去。下面是例子，传入的参数是上面的MODULE

varMODULE=(function(my){
my.anotherMethod=function(){
//addedmethod...
};

returnmy;
}(MODULE));

为了保持代码一致，我们在MODULE前加上var，虽然可以去掉。上面代码运行后，我们的模块会多出一个公开函数：MODULE.anotherMethod，这个扩展文件同事会维护者它自己私有的内部状态和引入的内容。

松散扩展

虽然我们上面例子要求先初始化模块，然后在扩展模块新的内容，但是并不是非得这样。JavaScript应用程序最后的一个地方，就是可以异步加载脚本文件。我们可以通过松散扩展，创建灵活的，可以已任何顺序加载的，多文件模块。每个文件需要按照下面的代码结构：

varMODULE=(function(my){
//addcapabilities...

returnmy;
}(MODULE||{}));

紧耦合扩展

虽然松散扩展挺好的，但是也存在一些限制。最重要的是，你不能安全的重写模块的属性。同时，在初始化的过程中，你不能使用模块的其它属性（但是你可以在初始化完成后的运行时使用）。紧耦合扩展需要按一定顺序加载，但是它支持重载。下面是一个简单例子（参数还是之前的MODULE）：

varMODULE=(function(my){
varold_moduleMethod=my.moduleMethod;

my.moduleMethod=function(){
//methodoverride,hasaccesstooldthroughold_moduleMethod...
};

returnmy;
}(MODULE));

这里我们重写了MODULE.moduleMethod方法，同时，保留着旧函数的一个引用，以便未来需要。

克隆与继承

varMODULE_TWO=(function(old){
varmy={},
key;

for(keyinold){
if(old.hasOwnProperty(key)){
my[key]=old[key];
}
}

varsuper_moduleMethod=old.moduleMethod;
my.moduleMethod=function(){
//overridemethodontheclone,accesstosuperthroughsuper_moduleMethod
};

returnmy;
}(MODULE));

varMODULE=(function(my){
var_private=my._private=my._private||{},
_seal=my._seal=my._seal||function(){
deletemy._private;
deletemy._seal;
deletemy._unseal;
},
_unseal=my._unseal=my._unseal||function(){
my._private=_private;
my._seal=_seal;
my._unseal=_unseal;
};

//permanentaccessto_private,_seal,and_unseal

returnmy;
}(MODULE||{}));