JavaScript 设计模式之单例模式
一、单例模式概念解读
1.单例模式概念文字解读
单例就是保证一个类只有一个实例,实现的方法一般是先判断实例存在与否,如果存在直接返回,如果不存在就创建了再返回,这就确保了一个类只有一个实例对象。在JavaScript里,单例作为一个命名空间提供者,从全局命名空间里提供一个唯一的访问点来访问该对象。
2.单例模式概念拟物化解读
买房子要先确认是否有门,没有要联系开发商创建。其次,每一个门都有自己的归属,301归属小王,302归属小李,小王小李属于命名空间,但是一栋楼里有多个小王小李,这些全局命名空间里301只归属于一个小王,即,提供一个唯一的访问点来访问该对象。
二、单例模式的作用和注意事项
模式作用:
1.模块间通信。
2.系统中某个类的对象只能存在一个。
3.保护自己的属性和方法。
注意事项:
1.注意this 的使用(谁调用,指向谁)。
2.闭包容易造成内存泄漏,不需要的赶快删掉。
3.注意new 的成本。(继承)
三、单例模式的代码实战和总结
1.一个通俗的例子
<script type="text/javascript">
//1.独立的对象,建立2个,一个xiaowang,一个xiaoli
//2.让xiaoli和xiaowang 通过门铃进行通信
//3.先看一下xiaowang家有没有门,如果有门,直接通过门铃通迅(按didi),如果没有则建门
//4.两个单例之间开始通信 var xiaowang = (function(argument){
this.doorRing=message;
};
var door;
var info = {
sengMessage:function(message){
if (!door) {
door=new xiaowangjia(message); //这个单例用的时候才new ,注意new 的成本
};
return door;
}
};
return info;
})(); var xiaoli = {
callXiaowang:function(msg){
var _xw = xiaowang.sengMessage(msg);
alert(_xw.doorRing);
_xw = null; //用完了,要把xiaowangjia置成空。等待垃圾回收,闭包问题
}
};
xiaoli.callXiaowang('didi'); //xiaoli 通过按didi发起通信请求
</script>
2.平时开发的例子
<script type="text/javascript">
//页面上有6个按钮:a,b,c,d,e,f
//a,b,c => top 归属到top命名空间
//d,e,f => banner 归属到banner命名空间
var top={
init:function(){
this.render();
this.bind();
},
a:4,
render:function(){
var me = this;
me.btna=$('#a');
},
bind:function(){
var me = this;
me.btna.click(function(){
//业务逻辑取出去
me.test();
});
},
test:function(){
a =5;
}
} var banner={
init:function(){
this.render();
this.bind();
},
a:4,
render:function(){
var me = this;
me.btna=$('#d');
},
bind:function(){
var me = this;
me.btna.click(function(){
//业务逻辑取出去
me.test();
});
},
test:function(){
a =6;
}
} top.init();
banner.init(); //使用jQuery 绑定事件
$('#a').click(function(){
//执行逻辑
});
$('#b').click(function(){
//执行逻辑
});
$('#c').click(function(){
//执行逻辑
});
$('#d').click(function(){
//执行逻辑
});
$('#e').click(function(){
//执行逻辑
});
$('#f').click(function(){
//执行逻辑
});
</script>
JavaScript 设计模式之单例模式的更多相关文章
- JavaScript设计模式之单例模式【惰性单例】
在提高开发水平,往中高级前端工程师中,利用设计模式是必不可少的一条道路.掌握设计模式的思想远远比硬套重要,因为设计模式是一种思想,不局限于开发语言.但实际上由于语言的特性不同,往往在实现的时候会有不少 ...
- JavaScript设计模式_01_单例模式
最近项目不太忙,难得有时间看看书,平时挺喜欢js这门语言.也看过很多高级教程,觉得自己还是比较热衷于js的设计模式.这一次重温一下<JavaScript设计模式与开发实践>,开篇为单例模式 ...
- 再起航,我的学习笔记之JavaScript设计模式10(单例模式)
单例模式 单例模式(Singleton) : 又被称为单体模式,是只允许实例化一次的对象类.一个类有且仅有一个实例,并且自行实例化向整个系统提供. 命名空间 单例模式可能是JavaScript中我们最 ...
- [JavaScript设计模式]惰性单例模式
惰性单例模式 之前介绍了JS中类的单例模式,这次我们讨论下单例模式的应用.在众多网站中,登录框的实现方式就是一个单例,点击一次就展示一次,所以我们可以在页面加载好的时候就创建一个登录框,点击页面上的登 ...
- JavaScript设计模式,单例模式!
单例设计模式:保证一个类仅有一个实例,并且提供一个访问它的全局访问点.有些对象只需要一个,这时可用单例模式. 传统的单例模式 和new 创建对象的调用不一样 调用者要调用xxx.getInstance ...
- 第一章 --- 关于Javascript 设计模式 之 单例模式
首先我们对单例模式先进行理论上的讲解,接下来,我们再通过具体的代码示例,来讲解,这个单例模式的使用场景和这种模式的优缺点 (这个系列的所有关于设计模式的都是面向Javascript) 一.理论定义: ...
- JavaScript设计模式之单例模式
一.单例模式概念 单例就是保证一个类只有一个实例,实现方法一般是先判断实例存在与否,如果存在直接返回,如果不存在就创建了再返回,这就确保了一个类只有一个实例对象.在JavaScript里,单例作为一个 ...
- 「设计模式」JavaScript - 设计模式之单例模式与场景实践
单例介绍 上次总结了设计模式中的module模式,可能没有真真正正的使用在场景中,发现效果并不好,想要使用起来却不那么得心应手, 所以这次我打算换一种方式~~从简单的场景中来看单例模式, 因为Java ...
- JavaScript设计模式-7.单例模式
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
随机推荐
- C#获取网页内容,并且处理正确编码
控制台调用static void Main(string[] args) { string code = GetEncodings("http://www.cnblogs.com" ...
- DAHON 美国大行
DAHON美国大行1982年创立于美国加州,多年来一直率先推动环保的代步工具——折叠自行车.创新是大行的生命,从韩氏兄弟发明了全世界第一辆小到能够放进火车座椅底下的折叠自行车起,大行就开启了不断向前的 ...
- HDU1561:The more, The Better(树形DP+01背包)
Problem Description ACboy很喜欢玩一种战略游戏,在一个地图上,有N座城堡,每座城堡都有一定的宝物,在每次游戏中ACboy允许攻克M个城堡并获得里面的宝物.但由于地理位置原因,有 ...
- Python3.6学习笔记(四)
错误.调试和测试 程序运行中,可能会遇到BUG.用户输入异常数据以及其它环境的异常,这些都需要程序猿进行处理.Python提供了一套内置的异常处理机制,供程序猿使用,同时PDB提供了调试代码的功能,除 ...
- 很酷的C语言技巧
C语言常常让人觉得它所能表达的东西非常有限.它不具有类似第一级函数和模式匹配这样的高级功能.但是C非常简单,并且仍然有一些非常有用的语法技巧和功能,只是没有多少人知道罢了. 指定的初始化 很多人都知道 ...
- Paint、Canvas、Matrix使用解说(一、Paint)
username=tianjian4592">我正在參加 CSDN 2015博客之星评选 感恩分享活动,假设认为文章还不错,请投个票鼓舞下吧:http://vote.blog.csdn ...
- go语言基础之数组做函数参数是值拷贝
1.数组做函数参数是值拷贝 示例: package main //必须有个main包 import "fmt" //数组做函数参数,它是值传递 //实参数组的每个元素给形参数组拷贝 ...
- C#线程同步与死锁Monitor
在上一讲介绍了使用lock来实现C#线程同步.实际上,这个lock是C#的一个障眼法,在C#编译器编译lock语句时,将其编译成了调用Monitor类.先看看下面的C#源代码: public stat ...
- IOS开发-提升app性能的25条建议和技巧
前言 这篇文章介绍了作者开发工作中总结的25个iOS开发tips, 多年之前读过这篇文章.收益良多,基本每一个tips在我的应用开发过程中都使用过.今天把这篇文章又一次整理转发下,与大家一起学习,不论 ...
- Excel只能输入不许修改
昨天出差,用户有个需求:需要他人录入数据,为了防止已经录入的数据被修改(录入数据由多方完成),必须限定只能输入,不能修改(修改时需要密码),最开始的方案是各设置一个密码,但如果他们相互之间联合 ...