javascript的23种设计模式（持续更新中...）

1.单例模式

定义：一个类只能有一个实例，即使多次实例化也返回的是第一次实例

意义：共享变量、减少变量、函数命名冲突、减少内存开销

场景：登录框、购物车、redux/Vuex中的store、JQ的$

实现：

class SingletonLogin {
    constructor(name,password){
        this.name = name
        this.password = password
    }
    //使用ES6的static关键字,可以定义静态方法,从而可以直接使用类名.方法的方式调用getInstance()
    static getInstance(name,password){
        //判断对象是否已经被创建,若创建则返回旧对象
        if(!this.instance)this.instance = new SingletonLogin(name,password)
        return this.instance
    }
}

let obj1 = SingletonLogin.getInstance('CJW','123')
let obj2 = SingletonLogin.getInstance('CJW','321')

console.log(obj1===obj2)    //输出true
console.log(obj1)           //输入obj1
console.log(obj2)           //输入的依然是obj1{name:CJW,password:123}