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

作者:kMacro 时间:2024-05-11 09:06:29 

命名空间

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


// A程序员的命名空间
var A = {
 get: function(id){
   return document.getElementById(id);
 }
 css: function(id,key,value){
   get(id).style[key] = value;
 }
}
// B程序员的命名空间
var B = {
 get: function(className){
   return document.getElementByClassName(className)[0];
 }
 css: function(className,key,value){
   get(className).style[key] = value;
 }
}

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

模块化

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


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

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

常量

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


var Color = (function(){
 // 私有变量
 var color = {
   'RED': '#ff0000',
   'YELLOW': '#ffff00',
   'BLUE': '#0000ff'
 }
 // 返回访问方法对象
 return {
   // 常量获取方法
   get: function(name){
     return color[name] ? color[name] : null;
   }
 }
})();

var color = Color.get('BLUE');
console.log(color);  // #0000ff

来源:http://www.jianshu.com/p/47100085e3a5

标签:JS,设计模式,单例模式
0
投稿

猜你喜欢

  • MySQL数据库基本SQL语句教程之高级操作

    2024-01-24 08:08:11
  • 仿阿里巴巴搜索导航设计效果

    2008-04-15 15:01:00
  • python爬虫可以爬什么

    2022-05-26 01:24:31
  • ASP中使用Set ors=oConn.Execute()时获取记录数的方法

    2011-02-20 10:48:00
  • 在WIN命令提示符下mysql 用户新建、授权、删除,密码修改

    2024-01-17 23:34:48
  • python Pandas中数据的合并与分组聚合

    2023-06-28 12:48:04
  • Python可视化分析全球火山分布

    2022-01-17 05:32:10
  • 利用PyQt5中QLabel组件实现亚克力磨砂效果

    2023-12-13 18:33:04
  • Centos7安装 mysql5.6.29 shell脚本

    2024-01-15 22:17:41
  • python绘制动态曲线教程

    2023-01-20 08:24:33
  • 小 200 行 Python 代码制作一个换脸程序

    2021-02-12 09:47:52
  • Git如何合并多次提交

    2023-03-27 13:05:03
  • Python中pygame的mouse鼠标事件用法实例

    2021-02-09 12:21:41
  • MySQL数据库中设列的默认值为Now()的介绍

    2009-03-06 17:40:00
  • python实现发送邮件功能代码

    2023-08-25 16:05:10
  • python通过http上传文件思路详解

    2022-02-08 12:48:30
  • Python自定义scrapy中间模块避免重复采集的方法

    2022-02-19 13:32:44
  • SQL Server 2005 开启数据库远程连接的方法

    2024-01-24 19:31:12
  • python数据挖掘需要学的内容

    2021-02-26 00:54:13
  • Python中使用bidict模块双向字典结构的奇技淫巧

    2023-05-12 19:37:55
  • asp之家 网络编程 m.aspxhome.com