WEB开发网
开发学院网页设计JavaScript javascript设计模式之单体模式 阅读

javascript设计模式之单体模式

 2010-01-08 00:00:00 来源:WEB开发网   
核心提示:单体是一个用来划分命名空间并将一批相关的属性和方法组织在一起的对象,如果他可以被实例化,javascript设计模式之单体模式,那么他只能被实例化一次,单体模式是javascript里面最基本但也是最有用的模式之一,单体的基本结构(正确写法):/*BasicSingleton*/varSingleton={attrib

单体是一个用来划分命名空间并将一批相关的属性和方法组织在一起的对象,如果他可以被实例化,那么他只能被实例化一次。

单体模式是javascript里面最基本但也是最有用的模式之一。

特点:

1.       可以来划分命名空间,从而清除全局变量所带来的危险。

2.       利用分支技术来来封装浏览器之间的差异。

3.       可以把代码组织的更为一体,便于阅读和维护。

单体的基本结构(正确写法):

/*Basic Singleton*/
var Singleton = {
         attribute1:true,
         attribute2:10,
         method1:function(){},
     method2:function(){}
};

1划分命名空间:

 1 var box = {
 2         width:0,
 3         height:0,
 4         getArea:function(){
 5             return this.width*this.height;//js中对象成的访问必须是显示的,即this是不能省略的
 6         },
 7         init:function(w,h){
 8         //    width = w;
 9         //    height = h;这种方式相当于定义了两个全局变量,(没加var声明的变量为全局变量)
10         //    并不是对对象width和height的赋值
11         //下面是正确的
12             this.width = w;
13             this.height = h;
14         }
15     }//box划分了一个命名空间,命名空间里的变量只在空间里有效
16 

1 2 3 4 5  下一页

Tags:javascript 设计模式 单体

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接