JS设计模式之单体模式（Singleton）
单体模式作为一种软件开发模式在众多面向对象语言中得到了广泛的使用，在javascript中，单体模式也是使用非常广泛的，但是由于javascript语言拥有其独特的面向对象方式，导致其和一些传统面向对象语言虽然在单体模式的思想上是一致的，但是实现起来还是有差异的。
var Singleton = {
attr1: ,
attr2: ,
method1: function() {
alert(this.attr1); //将方法绑定到事件监听器上，this指向的dom元素就会失效，这里最好使用单体对象的全名访问属性和方法
},
method2: function(arg) {
}
};
绑定事件测试代码如下:
<html>
<body>
<input id="btntest" type="button" value="测试" />
</body>
</html>
<script>
var elem = document.getElementById("btntest");
elem.addEventListener("click", Singleton.method1); //undefined
</script>
var namespace={};
namespace.Singleton={
attr1:true,
attr2:10,
method1:function(){
},
method2:function(arg){
}
}
namespace.Singleton = (function() {
var privateAttr1 = false;
var privateAttr2 = [, , ];
function privateMethod1() {
}
function privateMethod2() {
}
return {
publicAttr1: true,
publicAttr2: ,
publicMethod1: function() {
privateAttr1 = true;
privateMethod1();
},
publicMethod2: function(arg) {
privateAttr2 = [, , ];
privateMethod2();
}
}
})();
var Singleton = (function() {
var instantiated; //匿名函数创建私有变量,判断单体对象是否被创建的句柄
function init() {
return {
publicMethod: function() {
alert('hello word');
},
publicPrototype: "test"
};
}
return {
getinstance: function() {
if (!instantiated) {
instantiated = new init();
}
return instantiated;
}
}
})();
Singleton.getinstance().publicMethod();
JS设计模式之单体模式（Singleton）的更多相关文章
- JS设计模式——5.单体模式
JS设计模式——5.单体模式 http://www.cnblogs.com/JChen666/p/3610585.html 单体模式的优势 用了这么久的单体模式,竟全然不知!用它具体有哪些好处呢? ...
- JS设计模式——5.单体模式(用了这么久，竟全然不知!)
单体模式的优势 用了这么久的单体模式,竟全然不知!用它具体有哪些好处呢? 1.可以用它来划分命名空间(这个就是就是经常用的了) 2.利用分支技术来封装浏览器之间的差异(这个还真没用过,挺新鲜) 3.借 ...
- 单例/单体模式(Singleton)
单例/单体模式(Singleton) 首先,单例模式是对象的创建模式之一,此外还包括工厂模式. 单例模式的三个特点: 1,该类只有一个实例 2,该类自行创建该实例(在该类内部创建自身的实例对象) 3, ...
- js设计模式——7.备忘录模式
js设计模式——7.备忘录模式 /*js设计模式——备忘录模式*/ // 备忘类 class Memento { constructor(content) { this.content = conte ...
- js设计模式——6.模板方法模式与职责链模式
js设计模式——6.模板方法模式与职责链模式 职责链模式
- js设计模式——5.状态模式
js设计模式——5.状态模式 代码演示 /*js设计模式——状态模式*/ // 状态(红灯,黄灯,绿灯) class State { constructor(color) { this.color = ...
- js设计模式——4.迭代器模式
js设计模式——4.迭代器模式 代码演示 /*js设计模式——迭代器模式*/ class Iterator { constructor(container) { this.list = contain ...
- js设计模式——2.外观模式
js设计模式——2.外观模式
- js设计模式——1.代理模式
js设计模式——1.代理模式 以下是代码示例 /*js设计模式——代理模式*/ class ReadImg { constructor(fileName) { this.fileName = file ...
随机推荐
- velocity在html中换行符转换
<td colspan="3" class="tdContent2">$!obj.getDealInfo().replaceAll("\r ...
- background image
http://www.ajaxblender.com/bgstretcher-2-jquery-stretch-background-plugin-updated.html http://blog.d ...
- gradle使用总结
###打包时跳过单元测试
- jquery的理解
1.jquery的好处 简化js的复杂操作 不再需要关心兼容性 提供大量使用方法 2.jquery的设计思想 选择网页元素 -模拟css选择元素 -独有的表达式选择 -多种筛选方法 写法 -方法函数化 ...
- ie7下 li多了4像素
当li 设置了float 后,在ie7 下便会产生margin-bottom:4px的bug,即使设置margin-bottom为0也不能清除. 可以通过csshack 解决: 1:在ie7下 将he ...
- ARKit对安卓的提示 ARKit与Google Tango
我们知道安卓是Google开发的,那么关于AR谷歌有哪些作为呢?就是开发了Google Tango,尽管Tango还未开源,但是用户可以免费使用,可是一般的安卓手机是无法运行的,它对硬件有要求,这对它 ...
- POJ1258 Agri-Net 2017-04-14 15:51 55人阅读 评论(0) 收藏
Agri-Net Time Limit: 1000MS Memory Limit: 10000K Total Submissions: 56948 Accepted: 23615 Descri ...
- 咏南 DATASNAP LINUX中间件
咏南 DATASNAP LINUX中间件,一套源码,同时支持WINDOWS和LINUX操作系统. 基于DELPHI 10.2 TOKYO开发 使用FIREDAC数据库引擎,支持MYSQL,MSSQL, ...
- Android-HttpsURLConnectionHelp-工具类
HttpsURLConnectionHelp-工具类 是专门把javax.net.ssl.HttpsURLConnection类的使用,进行了封装,提供了常用的公共方法: package common ...
- .Net core 2.0的数据初始化
在StartUp.cs里面,添加Seed方法 public static void Seed(IApplicationBuilder applicationBuilder) { using (var ...