Javascript模块化编程-初识[1]

JS模块化编程，已经成为一个迫切的需求。理想情况下，开发者只需要实现核心业务逻辑，其他都可以加载别人已经写好的模块。

但是，JS不是一种模块化编程语言，它不支持类，所以没有严格意义上的模块。为了实现模块化，类模块化应运而生。

1、原始写法：

模块就是实现特定功能的一组方法。

只需要把不同的函数简单的放在一起，就是一个模块。

Eg:

function t1(){

//...

}

function t2(){

//...

}

缺点：污染全局变量，无法保证不与其他模块发生变量名冲突，而且模块成员之间看不出直接关系。

2、对象写法：

为了解决原始写法的缺陷，可以把模块写成一个对象，所有模块成员都放在对象里面。

Eg:

var module1=new Object({

num:0,

Fn1:function(){

//...

},

Fn2:function(){

//...

}

});

缺陷：全局变量可以随意被改写。

3、立即执行函数写法

立即执行函数，可以达到不暴露私有成员的目的。

Eg:

var class1=(function(){

var num=0;

var fn1=function(){

//...

};

var fn2=function(){

//...

};

return {

m1:fn1,

m2:fn2,

};

})();

这种写法就是JS模块化的常规写法。

4、放大模式

如果一个模块很大，需要分成多个部分，就必须采用放大模式。

Eg:

var class2=(function(c1){

c1.fn3=function(){

//...

}

})(class1);

5、实现调用外部全局变量，Jquery etc.

独立性是模块化的一个重要特点，模块内部最好不要和其它外部成员直接交互。

为了实现模块化调用外部全局成员，必须显示地将其它变量输入模块。

Eg:

var class1=(function (Jq,ya){

//...

})(jQuery,YAHOO);

上面的模块实现了JQuery和YUI库。这样做的目的，保证了模块的独立性，还使得模块之间的依赖变得明显。

【下一章节】