单例模式
单例模式
1. 特点
- 系统中被唯一使用
- 一个类只有一个实例
- 单例模式需要用到 java 的特性(private)
- ES6 中没有(ts 除外)
2. UML 演示
3. 代码演示
-
java 代码
public class SingleObject{ //唯一被 new 出来的对象 private SingleObject instance = null; //私有化构造函数,外部不能有 new,只能内部 new private SingleObject(){ } //获取对象的唯一接口 private SingleObject getInstance(){ if(instance == null){ //只 new 一次 instance = new SingleObject(); } } return instance; //对象方法 public void showMessage(){ System.out.println("show..."); }
public class SingletonPatterDemo{ public static void main(String[] args){ //不合法的构造函数 //编译时错误:构造函数SingleObject()是不可见的 //SingleObject object = new SingleObject(); //获取唯一可用的对象 SingleObject object = SingleObject.getInstance(); object.login(); } }
-
JS 代码
class SingleObject { login() { consolg.log('login...') } } SingleObject.getInstance = (function() { let instance return function() { if (!instance) { instance = new SingleObject() } return instance } })()
//测试:注意这里只能使用静态函数getInstance,不能使用new SingleObject() let obj1 = SingleObject.getInstance() obj1.login() let obj2 = SingleObject.getInstance() obj2.login() console.log('obj1 === obj2 is', obj1 === obj2) //true let obj3 = new SingleObject() console.log('obj1 === obj3 is', obj1 === obj3) //false
4. 场景
4.1 jQuery 只有一个$
//jQuery只有一个 $
if (window.jQuery != null) {
return window.jQuery
} else {
//初始化...
}
- 模拟登录框
class LoginForm {
constructor() {
this.state = 'hide'
}
show() {
if (this.state === 'show') {
alert('show')
return
} else {
this.state = 'show'
console.log('登录框已显示')
}
}
hide() {
if (this.state === 'hide') {
alert('hide')
return
} else {
this.state = 'hide'
console.log('登录框已隐藏')
}
}
}
LoginForm.getInstance = (function() {
let instance
return function() {
if (!instance) {
instance = new LoginForm()
}
return instance
}
})()
//测试
let login1 = LoginForm.getInstance()
login1.show()
let login2 = LoginForm.getInstance()
login2.show()
console.log('login1 === login2 is', login1 === login2)
4.2 购物车
4.3 vuex 和 redux 中的 store
5. 设计原则
- 符合单一职责原则,只实例化唯一的对象
- 没法具体体现开放封闭原则,但没有违反开放封闭原则