js设计模式——单例模式

定义：
一个类仅有一个实例，并提供一个访问它的全局访问点。

使用场景：
如登录弹框（每个页面只需要创建一次弹框，同页面其他地方调用只需要显示即可）、图片上传的loading效果等等

通用惰性单例：
指在需要的时候才创建对象实例，并且单例逻辑和创建对象分开

//单例逻辑
var getSingle = function(fn){
    var result;
    return function(){
        return result || ( result = fn.apply(this,arguments) )
    }
}

//创建对象
var createLoadingLayer = function(){
    var div = document.createElement('div');
    div.innerHTML = '我正在加载....';
    div.style.display = 'none';
    document.body.appendChild(div);
    
    return div;
}

var createSingleLoadingLayer = getSingle( createLoadingLayer );

//调用方法
createSingleLoadingLayer();
createSingleLoadingLayer(); //此时页面中只会创建一个div

注意：
不要在多线程中使用单例模式，因为多线程第一次执行时无法判断是否为已创建对象，从而导致创建了多个对象。