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库。这样做的目的,保证了模块的独立性,还使得模块之间的依赖变得明显。

 

【下一章节】

posted @ 2015-09-06 10:46  fang_beny  阅读(350)  评论(0编辑  收藏  举报