单例模式:保证一个类仅有一个实例,并提供一个访问它的全局访问点。实现方法一般是先判断实例是否存在,如果存在直接返回,如果不存在就先创建再返回。
1、对象字面量创建的对象
//字面量创建对象,适当的使用字面量创建对象,可以减少全局变量的数量。
var Myapp={
a:function(){
console.log('b');
}
};
对象字面量创建对象适当使用可以减少全局变量的数量,但是利用对象字面量创建对象时属性和方法都是暴露的,不存在私有变量。
2、使用闭包封装私有变量;这种方式把变量封装到闭包的内部,只暴露一些接口跟外界通信。
//利用闭包封装私有变量,可以避免对全局对象的污染。
var Myapp=(function(){
var _count=0; //外部访问不到这个变量
return { //暴露对象给外部访问
getNum:function(){
return _count++;
},
a:function(){
console.log('b');
}
}
}());
eg:点击一个按钮创建一个DOM元素。
每点击一次创建一个DOM元素,然而这样做不好,浪费性能。
点击创建,在创建之前先判断是否存在这个DOM,若不存在则创建,并用一个变量将这个创建的DOM保存起来,下次想在用的时候,直接拿第一次创建的不就好了嘛。
// 用函数来创建单例模式=>立调函数,返回一个函数
// 这个函数将创建div并且判断是否已经创建对象。
var createDiv=(function(){
var div; //保存上次的div记录,私有变量
return function(){
if(!div){
div =document.createElement('div');
div.innerHTML='我是登入的div';
// div.style.display='none';
document.body.appendChild(div);
}
return div;
}
})()
document.getElementById('loginBtn').onclick=function(){
var div=createDiv();
// div.style.display='block';
}
通过的惰性单例模式:惰性这词还挺抽象的,如何理解呢?惰性单例的意思可以理解成:需要的时候才创建对象。
// 创建单例对象
var getSingle=function(fn){
var result;
return function(){
return result||(result=fn.apply(this,arguments))
}
}
如上的代码就是封装了一个通用的惰性单例模式,fn可以是你即将要创建的函数,比如你要创建一个模态框,对话框,div,iframe等之类的函数。
应用场景:
1、任务管理器
2、回收站
3、登入注册Dom生成模块的弹框。