摘要：單例模式定義保證一個類只有一個實例，并提供一個訪問它的全局訪問點?；蛘呤褂妙悤r，我們必須知道它是一個單例類，跟以往出一個新對象的方式不同，這里要使用來獲取對象。

var single = function(name){
    this.name = name;
    this.instance = null;
}
single.prototype.getName = function(){
    alert(this.name)
}
single.getInstance = function(name){
    if(!this.instance){
        this.instance = new single(name)
    }
    return this.instance
}
var a = new single.getInstance("ffff");
var a2 = new single.getInstance("zzzz");
// a == a2  => true

或者

var single = function(name){
    this.name = name;
}
single.prototype.getName = function(){
    console.log(this.name)
}
single.getInstance = (function(){
    var instance = null;
    return function(name){
        if(!instance){
            instance = new single(name)
        }
        return isntance
    }
})()

使用single類時，我們必須知道它是一個單例類，跟以往new出一個新對象的方式不同，這里要使用single.getInstance來獲取對象。

var createDiv = (function(){
    var instance = null;
    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
})()

這個透明類的單例，我們使用了自執(zhí)行函數(shù)和閉包，并且讓這個匿名函數(shù)返回真正的single構(gòu)造方法，增加了代碼的復雜度，讀起來需要一定的時間來理解

構(gòu)造函數(shù)的作用，實際上做了兩件事，創(chuàng)建對象和執(zhí)行初始化init方法，第二保證了只有一個對象

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 proxySingle = (function(){
    var instance;
    return function(html){
        if(!instance){
            instance = new createDiv(html)
        }
        return instance
    }
})()

通過代理模式完成的代碼，我把管理單例的邏輯移到了proxySingle里，這樣createDiv就變成了一個普通的類

這個例子是緩存代理的應用之一。

惰性單例指的是在需要的時候才創(chuàng)建對象實例。

這種技術(shù)在實際開發(fā)中非常有用。

在網(wǎng)站首頁，有個登陸按鈕，點擊登錄 彈出登錄框。很明顯這個登錄框在頁面中是唯一的，不會也不可能出現(xiàn)兩個登陸框。

首先我們可以頁面加載完成時就加載這個登錄框，此時這個登錄框出于隱藏狀態(tài)。
但是如果我進入頁面只是想看看，不想進行一些需要登陸的業(yè)務操作，此時登陸框的dom節(jié)點存在是沒有意義的，是一種浪費。
此時，單例模式就更實用了

//dom

//js
var createLogin = (function(){
    var div;
    return function(){
        if(!div){
        div= document.createElement("div");
        div.innerHTML = "i"m login form";
        div.display.style="none";
        document.body.appendChild(div);
        return div
        }
    }
    })()
document.getElementById("login").onClick = function(){
    var loginDom = createLogin();
    loginDom.display.style ="block"
}

我們參考上邊的代碼，如果需要在創(chuàng)建一個iframe單例，或者其他標簽，難道需要把上邊的函數(shù)重新copy一份修改.單例的邏輯可以抽象出來，并且始終不變的，可以理解為

var instance;
if(!instance){
   instance = xxx操作
}
return instance

我們將管理單例的邏輯抽象封裝起來getInstance

var getInstance = function(fn){
    var instance;
    return function(){
        return instance || (result = fn.apply(this,arguments))
    }
}
／／創(chuàng)建登陸
var createLogin = getInstance(function(){
    var div = document.createElement("div");
    div.innerHTML = "我是的登陸"；
    div.style.display = "none";
    document.body.appenChild(div);
    return div
})
//
$("#login").on("click",function(){
    var login = createLogin();
    $(login).show()
})
//創(chuàng)建script
var createScript = getInstance(function(){
    var script = document.createElement("script");
    document.appendChild(script)
    return script
})
$("#loadScript").on("click",function(){
    var script = createScript();
    $(script).show();
})

將創(chuàng)建實例對象的職責和管理單例的職責分別放置在兩個方法里，這兩個方法獨立，不會互相影響。