js单例模式

单例模式:保证一个类仅有一个实例,并提供一个访问它的全局访问点。实现方法一般是先判断实例是否存在,如果存在直接返回,如果不存在就先创建再返回。
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生成模块的弹框。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值