javascript设计模式之单体模式

核心提示： 上面的单体中的所有的成员以及方法都是公有的（public），也就是在单体的外部可以对他们进行任意的改动，javascript设计模式之单体模式(2)，那为什么说单体提供了一个命名空间呢？我们继续：1varbox={2width:0,3height:0,//单体的变量4getArea:functi

上面的单体中的所有的成员以及方法都是公有的（public），也就是在单体的外部可以对他们进行任意的改动，那为什么说单体提供了一个命名空间呢？

我们继续：

　1　var　box　=　{
　2　　　　　　　　　width:0,
　3　　　　　　　　　height:0,//单体的变量
　4　　　　　　　　　getArea:function(){
　5　　　　　　　　　　　　　return　width*height;//中的,width，height其实并不是单体的变量，而是在init中定义的全局变量
　6　　　　　　　　　}
　7　　　　　　　　　init:function(w,h){
　8　　　　　　　　　　　　　width　=　w;
　9　　　　　　　　　　　　　height　=　h;
10　　　　　　　　　}
11　　　　　}//init中width，height其实并不是单体的变量
12　window.onload　=　function(){
13　　　　　　　　　var　init　=　box.getArea();
14　　　　　alert(init);
15　}

由于没有对init中的width，height进行初始化，所以会报错，这样改一下：

　1　var　box　=　{
　2　　　　　　　　　width:0,
　3　　　　　　　　　height:0,
　4　　　　　　　　　getArea:function(){
　5　　　　　　　　　　　　　return　width*height;
　6　　　　　　　　　},
　7　　　　　　　　　init:function(w,h){
　8　　　　　　　　　　　　　width　=　w;
　9　　　　　　　　　　　　　height　=　h;
10　　　　　　　　　}
11　　　　　}
12　window.onload　=　function(){
13　　　　　　　　　width　=　0;
14　　　　　　　　　height　=　0;
15　　　　　　　　　//or　box.init(0,0);
16　　　　　　　　　var　init　=　box.getArea();
17　　　　　alert(init);
18　}