JS设计模式之单例模式(一)

　　

<>强命名空间
　　

　　

单例模式是JavaScript中最常见的一种模式,通过这种模式可以为我们提供一个命名空间,例如jQuery库的命名空间为jQuery或美元。命名空间的使用是为了让代码更加整洁,在多人协作开发的情况下,不同的人定义的变量很有可能重复,此时就需要使用命名空间来约束每个人定义的变量,使相同名称的变量放在不同的命名空间中,避免相互干扰。例如:

　　 　　//一个程序员的命名空间 　　var={ 　　得到:函数(id) { 　　返回. getelementbyid (id); 　　} 　　css:函数(id、关键值){ 　　(id)。风格(例子)=价值; 　　} 　　}//B程序员的命名空间 　　var B={ 　　得到:函数(名称){ 　　返回document.getElementByClassName(名称)[0]; 　　} 　　css:函数(类名、关键值){ 　　(名称)。风格(例子)=价值; 　　} 　　} 　　之前 　　 　　

A, B两个命名空间中都有一个让方法和一个css方法,用于元素获取和元素样式修改,不同的是一个是通过id来获取元素,而B是通过类来获取元素,通过命名空间,可以使这些相同名称的方法共存,使用时指定相应的命名空间即可。

　　

<强>模块化
　　

　　

JavaScript中单例模式除了定义命名空间之外,还可用于管理代码库的各个功能模块,例如:

　　 　　 　　google.dom。addClass//添加元素类 　　google.dom。附加//插入元素 　　google.event。stopPropagation//阻止事件冒泡 　　google.event。preventDefault//阻止默认行为 　　google.string。修剪//去除字符串首尾空格 　　google.string。encodeHTML//将字符串进行HTML编码 　　之前 　　 　　

以上各个模块都位于谷歌命名空间下,每个模块都有属于自己的方法,使用时只需按照需求调用特定功能模块下对应的方法即可。

　　

<强>常量
　　

　　

JavaScript中并没有最终的、静态的这类关键字用来定义常量,但JavaScript非常灵活,通过常量只能访问不能修改这一特点,我们可以将变量保存在函数内部,并且只提供获取变量的方法,不提供设置变量的方法,通过闭包的方式使函数执行一次并返回相应的访问方法对象,最后将这个对象放在全局空间中作为常量单例对象使用例。如:

　　 　　 　　var颜色=(函数(){//私有变量={var颜色 　　“红色”:“# ff0000”, 　　“黄色”:“# ffff00”, 　　“蓝”:“# 0000 ff” 　　}//返回访问方法对象 　　返回{//常量获取方法 　　得到:函数(名字){ 　　返回颜色[名字]& # 63;颜色(名称):空; 　　} 　　} 　　})(); 　　 　　var=Color.get颜色(蓝色); 　　console.log(颜色);//# 0000 ff 　　 　　之前 　　 　　

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

JS设计模式之单例模式(一)