javascript 设计模式之单体模式 面向对象学习基础
2020-02-28 04:07:57
供稿：网友
单体模式（singleton）
单体是在脚本加载时创建的，能将一系列有关联的变量和方法组织为一个逻辑单元，逻辑单元里面的内容通过单一的变量进行访问；
一个单体主要分为三部分
用于访问内部信息的入口变量（如：Sky）
属性（如：nickName/age/timeInfo）
方法（如：sayHello）
基本结构
代码如下:
var Sky = {
/*
* 作用一，变量管理
*/
nickName: "sky",
age: "26",
/*
* 作用二，加载中初始化变量
* 在加载过程中执行并初始化Sky.info
*/
timeInfo: function()
{
var _year = new Date().getFullYear();
return _year;
}(),
/*
* 作用三，函数管理，让你的函数看起来不再那么散乱
*/
sayHello: function()
{
alert("hello,world!");
}
}
//所有内部信息通过Sky这个变量进行访问；
alert(Sky.timeInfo);
以下是更详细的说明，看完了这篇文章，相信你应该差不多了解了，网上好多高手的js写法了，单体模式很常用。
单体是一个用来划分命名空间并将一批相关的属性和方法组织在一起的对象，如果他可以被实例化，那么他只能被实例化一次。
单体模式是javascript里面最基本但也是最有用的模式之一。
特点：
. 可以来划分命名空间，从而清除全局变量所带来的危险。
. 利用分支技术来来封装浏览器之间的差异。
. 可以把代码组织的更为一体，便于阅读和维护。
单体的基本结构（正确写法）：
代码如下:
/*Basic Singleton*/
var Singleton = ｛
attribute1：true,
attribute2:10,
method1:function(){},
method2:function(){}
｝;
划分命名空间：
代码如下:
var box = {
width:0,
height:0,
getArea:function(){
return this.width*this.height;//js中对象成的访问必须是显示的，即this是不能省略的
},
init:function(w,h){
// width = w;
// height = h;这种方式相当于定义了两个全局变量，（没加var声明的变量为全局变量）
// 并不是对对象width和height的赋值
//下面是正确的
this.width = w;
this.height = h;
}
}//box划分了一个命名空间，命名空间里的变量只在空间里有效
上面的单体中的所有的成员以及方法都是公有的（public），也就是在单体的外部可以对他们进行任意的改动，那为什么说单体提供了一个命名空间呢？
我们继续：
代码如下:
var box = {
width:0,
height:0,//单体的变量
getArea:function(){
return width*height;//中的,width，height其实并不是单体的变量，而是在init中定义的全局变量
}
init:function(w,h){
width = w;
height = h;
}
}//init中width，height其实并不是单体的变量
