单例模式

Q:何为单例
A:保证一个类仅有一个实例,并提供一个访问它的全局访问点

给一个显式表达的例子

//Singelation有个getinstance方法,调用一次此方法跟调用第二次得到相同的实例
var Singelation = function(name){
    this.name = name;
    this.instance = null;
}
Singelation.getInstance = function(name){
    return this.instance || (this.instance = new Singelation(name))
}
var a = Singelation.getInstance("a");
var b = Singelation.getInstance("b");
console.log(a === b);

普通的一个单例(闭包实现)

var Singelation = (function(name){
    var instance = null;
    return {
        getInstance : function(){
            return instance || (instance = 1); //此处的1是假象的实例,我认为这个实例可以是任意值
        }
    } 
})();
var a = Singelation.getInstance();
var b = Singelation.getInstance();
console.log(a == b);

用单例做个登录框,假设一个页面只有一个登录框

var singelatonLogin = function(fn){
    var instance  = null;
    return function(){
        if(!instance){
            var div = document.createElement("div"); //假装这是一个登录框
            div.innerHTML = "登录框";
            document.body.prepend(div);
            instance = div;
        }
        return instance;
    }
}
var loginDiv = singelatonLogin();

上面的例子是可以实现登录框的单例运用,但是我能不能把单例方法做成一个载体,供其他类似需求去用呢

var singelaton = function(fn){
    var instance  = null;
    return function(){
        return instance || (instance = fn.apply(this, arguments))
    }
}
function loginDiv(html){
    var div = document.createElement("div"); //假装这是一个登录框
    div.style.display = 'none';
    document.body.prepend(div);
    return div;
}
//这里可以造一个登录框单例,同样可以造一个toast单例
var loginSingelaton = singelaton(loginDiv);
var loginDiv = loginSingelaton();

畅想:程序设计模式不是目的,解决实际的工作需求才是最终方向,单例模式可以返回的实例类型可以很多,不要为了单例而单例,这过程中也可以做点别的。

你可能感兴趣的:(单例模式)