Одноэлементный режим
- Используется только в системе
- Есть только один экземпляр класса
Пример
- Поле входа
- корзина
Примечание:
- В режиме синглтона необходимо использовать функции Java (частный)
- Не в ES6 (кроме машинописного текста)
- Для демонстрации содержимого диаграмм UML можно использовать только код Java.
Демонстрация кода Java:
public class SingleObject {
// 注意,私有化构造函数,外部不能new, 只能内部new
private SingleObject() {
}
// 唯一被new出来的对象
private SingleObject instance = null;
// 获取对象的唯一接口
public SingleObject getInstance() {
if (instance == null) {
// 只new一次
instance = new SingleObject();
}
return instance;
}
//对象方法
public void login(username, password) {
System.out.println("login...");
}
}
public class SingletonPatternDemo {
public static void main(String[] args) {
// 不合法的构造函数
// 编译时错误:构造函数SingleObject()是不可见的
// SingleObject object = new SingleObject();
// 获取唯一可用对象
SingleObject object = SingleObject.getInstance();
object.login();
}
}
JS использует одноэлементный режим
class SingleObject {
login() {
console.log('login...')
}
}
SingleObject.getInstance = (funciton () {
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) // true 两者完全相等
let obj3 = new SingleObject() // 无法完全控制
obj3.login()
console.log(obj1 === obj3) // false
Сцены
jQuery
только один$
- Копирование окна входа в систему
- Другой
jQuery
только один$
// jQuery只有一个$
if (window.jQuery != null) {
return window.jQuery
} else {
// 初始化。。。
}
Копирование окна входа в систему
class LoginForm {
constructor() {
this.state = 'hide'
}
show() {
if (this.state === 'show') {
alert('已经显示')
return
}
this.state = 'show'
console.log('登录框已显示')
}
hide() {
if (this.state === 'hide') {
alert('已经隐藏')
return
}
this.state = 'hide'
console.log('登录框已隐藏')
}
}
LoginForm.getInstance = (function () {
let instance
return funciton (0 {
if (!instance) {
instance = new LoginForm()
}
return instance
})
})()
Другой
- Корзина покупок (аналогична окну входа в систему)
- Хранить в vuex и redux
Проверка принципа конструкции
- Соблюдайте принцип единой ответственности, создавайте только единственный объект
- Нет конкретного принципа открытого и закрытого, но он абсолютно не нарушает принцип открытого и закрытого.