JS模块化编程

这部分是针对过去ES5的，ES6里面已经可以实现很好的模块化理念，但是考虑到目前仍有许多基于ES5的前端架构项目，还是有必要把这些写下来。想看干货的可以直接拉到最下。

Javascript不是一种模块化编程语言，它不支持"类"（class），更遑论"模块"（module）。

模块化的目的：

更好的代码组织方式、动态加载、避免命名冲突、更好的依赖处理、解耦和复用。

如何模块化？

第一种，可能也是平时大家最常用的一种方式，缺点也显而易见。

//函数m1()和m2()，组成一个模块。
//污染全局变量

function m1(){
　　　　//...
　　}
function m2(){
　　　　//...
　　}

于是乎，为了不污染全局变量，有人做了如下工作：

//对象写法：暴露所有模块成员，没有动态加载

　var module1 = new Object({
　　　　_count : 0,
　　　　m1: function (){
　　　　　　//...
　　　　},
　　　　m2: function (){
　　　　　　//...
　　　　}	
　　});

这种看着感觉不错，还能有属于自己的模块变量 _count，简直就像个温馨的小家！然而所有的模块成员对外部是可见的，并且无法支持动态加载，即无法按需处理依赖关系。那么接下来，熟悉闭包的同学可能会提出下面这