这次给大家带来js设计模式之-单例模式的使用,使用js单例模式的使用注意事项有哪些,下面就是实战案例,一起来看一下。
1、概念:
在传统的开发工程师眼里,单利模式就是保证每一个类只有一个实例,我们在实现时首先判断实例是否存在,如果存在,则直接返回,如果不存在就创建了再返回,这就确保了每一个类只有一个实例对象。在javascript里单例作为一个命名空间的提供者,从全局里提供一个唯一的访问点来访问对象。123
2、作用以及注意事项:
作用:1.模块间通信
2.系统中某个类的对象只能存在一个
3.保护自己的属性和方法
注意事项:1.注意this的使用
2.闭包容易造成内存泄漏
3.使用继承时注意new的使用。
3、实现
最简单的一种办法就是使用是对象字面量的方法,其字面量里可以包含大量的属性和方法。
var firstobject = {
property1: "something",
property2: "something else",
method1: function () {
console.log('hello web!');
}
};
如果你要扩展该对象,我们可以提供自己的私有成员,然后我们通过闭包在其内部封装这些变量和函数声明。我们可以实现私有或者公有的方法。我们再看下面这一段代码:
var firstobject= function () {
/* 这里声明私有变量和方法 */
var privatevariable = 'something private'; function showprivate() {
console.log(privatevariable);
} /* 公有变量和方法(可以访问私有变量和方法) */
return {
publicmethod: function () {
showprivate();
},
publicvar: 'the public can see this!'
};
};var single = firstobject();
single.publicmethod(); // 输出 'something private'console.log(single.publicvar); // 输出 'the public can see this!'
如果我们想做到只有在使用的时候才初始化,那该如何做呢?为了节约资源的目的,我们可以另外一个构造函数里来初始化这些代码,如下:
var firstjobiect= (function () {
var instantiated; function init() {
/*这里定义单例代码*/
return {
publicmethod: function () {
console.log('hello world');
},
publicproperty: 'test'
};
} return {
getinstance: function () {
if (!instantiated) {
instantiated = init();
} return instantiated;
}
};
})();/*调用公有的方法来获取实例:*/firstjobiect.getinstance().publicmethod();
我们来看一下他的使用场景,单例一般是用在系统间各种模式的通信协调上
var firstobjecttester = (function () {
//参数:传递给单例的一个参数集合
function singleton(args) {
//设置args变量为接收的参数或者为空(如果没有提供的话)
var args = args || {}; //设置name参数
this.name = 'singletontester'; //设置pointx的值
this.pointx = args.pointx || 6; //从接收的参数里获取,或者设置为默认值
//设置pointy的值
this.pointy = args.pointy || 10;
} //实例容器
var instance; var _static = {
name: 'singletontester', //获取实例的方法
//返回singleton的实例
getinstance: function (args) {
if (instance === undefined) {
instance = new singleton(args);
} return instance;
}
}; return _static;
})();var singletontest = firstobjecttester .getinstance({ pointx: 5 });
console.log(singletontest.pointx); // 输出 5
下面给大家链接一下单例模式实现的一个例子,这里把那链接给大家:
解决textarea的数据存储时的html转txt和展示时txt转html
上面这种方式主要实现的方法,还有其他的一些实现方法(来自汤姆大叔的博客)
方法一、
function universe() {
// 判断是否存在实例
if (typeof universe.instance === 'object') { return universe.instance;
} // 其它内容
this.start_time = 0; this.bang = "big"; // 缓存
universe.instance = this; // 隐式返回this}// 测试var uni = new universe();var uni2 = new universe();
console.log(uni === uni2); // true
方法二、
function universe() {
// 缓存的实例
var instance = this; // 其它内容
this.start_time = 0; this.bang = "big"; // 重写构造函数
universe = function () {
return instance;
};
}// 测试var uni = new universe();var uni2 = new universe();
uni.bang = "123";
console.log(uni === uni2); // trueconsole.log(uni2.bang); // 123
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
深入javascript之dom应用
深入javascript之定时器
深入javascript之基础应用
以上就是js设计模式之-单例模式的使用的详细内容。