设计模式 | 单例模式

1. 在原型中保存唯一实例,使用静态方法获取

        function Singleton(name){
		this.name = name;
	}
	Singleton.prototype.obj = null; 
		
		
	Singleton.getInstance = function(name){
		let instance = this.prototype.obj;

		if(!instance){
			this.prototype.obj = new Singleton(name);
			return this.prototype.obj;
		}
        // 原型中实例已经存在
		return instance
	}

	let a = Singleton.getInstance('liu');
	let b = Singleton.getInstance('wang');
	console.log(a===b); //true

2.跟第一种类似,但位移实例放在构造器中,不过实例中会多出来一个为null的obj属性

        function Singleton(name) {
		this.name = name;
		this.obj = null
	}
	Singleton.getInstance = function(name) {
		// this指向Singleton构造函数
		if(!this.instance){
			this.instance = new Singleton(name);
		}
		return this.instance
	}

	let a = Singleton.getInstance('liu');
	let b = Singleton.getInstance('wang');
	console.log(a===b); //true

3.上面两种都是相对不透明的,开发者需要知道getInstance这个方法才能获取实例,而不是直接使用new Singleton,下面进行改进。

首先,如果我要们使用new Singleton()来获取一个单例对象,那么Singleton函数就不能是用来构造对象的,而是用来返回单例对象的。那么如何在Singleton中保存这个对象?还是闭包,而在这里可以使用立即执行函数来实现闭包

	// 实际的类
	function createSingleton(name){

	}

	// 单例对象 只是作为一个中转站
	let Singleton = (function(){
                // 闭包变量 永久保存
		let instance;
                // 这里返回的方法就相当于是一个getInstance
		return function(name){
			if(!instance){
				instance = new createSingleton(name);
			}
			return instance;
		}
	})();
	let a = new Singleton('liu');
	let b = new Singleton('jia');
	console.log(a===b); // true

这个匿名函数执行之后,返回一个方法,就类似上面的getInstance,并赋给Singleton,那么Singleton就变成一个可执行方法。这里注意,有人可能会觉得那为什么不是 let a = Singleton('liu'),其实效果类似,不过Singleton里的this会指向window而不是a。

也可以写的更清晰:instance是一个闭包变量,该立即执行函数的上下文是不会销毁的;

        // 实际的类
	function createSingleton(name){
		this.name = name;
	}
	// 单例对象 只是作为一个中转站
	let Singleton = (function(){
		// 闭包变量
		let instance;

		function getInstance(name){
			if(!instance){
				instance = new createSingleton(name);
			}
			return instance;
		}
		
		return getInstance;
	})();

	let a = new Singleton('liu');
	let b = new Singleton('jia');
	console.log(a===b);

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值