JS设计模式---（单例模式篇）

保证一个类只有一个实例，就叫做单例模式

应用场景：
vuex
弹窗

问题来了：如果保证一个类只有一个实例呢？
我们先看正常情况下的创建实例

class singleClass{
	single(){
		console.log('------------')
	}
}
const s1 = new singleClass()
const s2 = new singleClass()

console.log(s1 === s2) //false

我们分别new了s1和s2，s1和s2不相等，显然它们之间是没有联系的，相互独立的。如果是单例模式，要让它们相同要怎么做呢？按照正常思路应该是去判断是否有实例了，有的话就返回，没有的话就新建，让我们看下代码怎么写

class singleClass{
	single(){
		console.log('------------')
	}
	static getInstance(){
		//判断是否之前创建过实例，有的话就return 没有就创建一个
		if(!singleClass.instance) singleClass.instance = new singleClass()
		return singleClass.instance
	}
}
const s1 = singleClass.getInstance()
const s2 = singleClass.getInstance()

console.log(s1 === s2)//true

还有一种方法用闭包的方法

class singleClass{
	single(){
		console.log('------------')
	}
}
singleClass.getInstance = (function() {
	// 定义自由变量instance，模拟私有变量
	let instance = null
	return function() {
		// 判断自由变量是否为null
		if(!instance) {
		   // 如果为null则new出唯一实例
		   instance = new singleClass()
		}
		return instance
	}
})()
const s1 = singleClass.getInstance()
const s2 = singleClass.getInstance()
		  
console.log(s1 === s2)//true