a javascript module pattern

最新推荐文章于 2024-08-28 13:12:17 发布

原创最新推荐文章于 2024-08-28 13:12:17 发布 · 116 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#module pattern

前端框架专栏收录该内容

26 篇文章

订阅专栏

本文介绍了一种有效的JavaScript模块模式，该模式能有效避免全局变量污染，并实现良好的私有及公有成员控制。通过多级对象定义，使得代码结构更加清晰且易于维护。

本文介绍一种不错的module pattern.

可以避免N多的全局变量，以及比较好的私有和公有关系控制，但是层级比较深！

//第一级
var sina = {};

//第二级
sina.zhangyaochun = {};

//第三级
sina.zhangyaochun.myModule = function(){

       var myPrivateVar = "内部访问";

       var myPrivateMethod = function(){
             //内部方法
       };

       
       //开始return啦
       return {
             myPublicProperty:"公开属性",

             myPublicMethod:function(){
                  //公开方法
                  //1----访问私有变量和方法
                  console.log(myPrivateVar);  

                 //2-----调用共有方法
                  console.log(this.myPublicProperty);
            }

       }

}();

扩展阅读：

http://dancewithnet.com/2007/12/04/a-javascript-module-pattern/