JavaScript设计模式(一) 单例模式
来源:互联网 发布:python编写抢购软件 编辑:程序博客网 时间:2024/06/01 23:10
命名空间
单例模式是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中并没有const
、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
1 0
- javascript设计模式(一)单例模式 策略模式
- Javascript设计模式-单例模式(一)
- JavaScript设计模式(一) 单例模式
- JavaScript设计模式(一)单例模式、组合模式和外观模式
- JavaScript设计模式一(单例模式、门面模式、适配器模式)
- 设计模式(一) 单例模式
- 设计模式(一):单例模式
- 单例模式---设计模式(一)
- 设计模式(一):单例模式
- 设计模式(一)-单例模式
- 设计模式(一):单例模式
- 设计模式(一)单例模式
- 设计模式(一)单例模式
- 设计模式-单例模式(一)
- 设计模式(一):单例模式
- 设计模式(一)单例模式
- 设计模式(一)--单例模式
- 设计模式(一):单例模式
- QThread使用——关于run和movetoThread的区别
- codeforces #410 div2 题解(数学)
- AIDL(Android Interface Definition Language)
- VIM 简单的替换删除命令
- Mybatis多对多中的SQL(查询、删除、更新、插入)及表的设计
- JavaScript设计模式(一) 单例模式
- 阿里沈询:分布式事务原理与实践
- 【IMWeb训练营作业】之select练习总结
- weblogic相关
- 【Codeforces 798 C】+ gcd
- poj1459Power Network_最大流的增广路算法_多源点多汇点问题(Edmord_Karp)
- VirtualBox centos7扩容
- Android:SwipeRefreshLayout和ViewPager滑动冲突的原因和正确的解决方式
- 安卓四大组件-服务-2_服务基本用法