编程模式 单例模式

1.单例模式定义

单例模式的定义是：保证一个类仅有一个实例，并提供一个访问它的全局访问点。
单例模式是一种常用的模式，有一些对象我们往往只需要一个，比如线程池、全局缓存、浏
览器中的 window 对象等。在 JavaScript开发中，单例模式的用途同样非常广泛。试想一下，当我
们单击登录按钮的时候，页面中会出现一个登录浮窗，而这个登录浮窗是唯一的，无论单击多少
次登录按钮，这个浮窗都只会被创建一次，那么这个登录浮窗就适合用单例模式来创建。

var Singleton = function(name) {
    this.name = name;
    this.instance = null;
};
Singleton.prototype.getName = function() {
    alert(this.name);
};
Singleton.getInstance = function(name) {
    if (!this.instance) {
        this.instance = new Singleton(name);
    }
    return this.instance;
};
var a = Singleton.getInstance('sven1');
var b = Singleton.getInstance('sven2');
alert(a === b); // true

//透明的单列模式
var CreateDiv = (function() {
    var instance;
    var CreateDiv = function(html) {
        if (instance) {
            return instance;
        }
        this.html = html;
        this.init();
        return instance = this;
    };
    CreateDiv.prototype.init = function() {
        var div = document.createElement('div');
        div.innerHTML = this.html;
        document.body.appendChild(div);
    };
    return CreateDiv;
})();
var a = new CreateDiv('sven1');
var b = new CreateDiv('sven2');
alert(a === b); // true
//用代理实现单例模式
var CreateDiv = function(html) {
    this.html = html;
    this.init();
};
CreateDiv.prototype.init = function() {
    var div = document.createElement('div');
    div.innerHTML = this.html;
    document.body.appendChild(div);
};
var ProxySingletonCreateDiv = (function() {
    var instance;
    return function(html) {
        if (!instance) {
            instance = new CreateDiv(html); //实现单列
        }
        return instance;
    }
})();
var a = new ProxySingletonCreateDiv('sven1');
var b = new ProxySingletonCreateDiv('sven2');
alert(a === b);

//JavaScript 中的单例模式

//1. 使用命名空间
var namespace1 = {
    a: function() {
        alert(1);
    },
    b: function() {
        alert(2);
    }
}
var MyApp = {};
MyApp.namespace = function(name) {
    var parts = name.split('.');
    var current = MyApp;
    for (var i in parts) {
        if (!current[parts[i]]) {
            current[parts[i]] = {};
        }
        current = current[parts[i]];
    }
};
MyApp.namespace('event');
MyApp.namespace('dom.style.pi.haha');
console.dir(MyApp);

//上面的代码相当于

var MyApp = {
    event: {},
    dom: {
        style: {}
    }
};
//闭包实现
var user = (function() {
    var _name = 'sven',
        _age = 29; //私有变量
    return {
        getUserInfo: function() {
            return _name + '+' + _age;
        }
    }
})();
console.log(user.getUserInfo());

//惰性单例
var getSingle=function(fn){
    var result;
    return function(){
        return result||(result = fn.apply(this,arguments));
    }
}
var fun=getSingle(function(){
    console.log("创建节点");
    var div=document.createElement("div");
    return div;                                         //fun被执行三次 但是只创建了一次Dom
});
fun();
fun();
fun();