js設計模式-單例模式

定義：

顧名思義，單例就是單一的意思，單例模式的定義是：保證一個類僅有一個一個實例，並提供一個訪問它的全局訪問點。

思路：

新建對象時判斷全局是否有該對象，若是有，就返回該對象，沒有就建立一個新對象返回。

js實現以下

1. 簡單實現

var Single = (function() {
    var instance = null;
    function Single(name) {
        this.name = name;
    }
    return function(name){
        if (!instance) {
            instance = new Single(name);
        }
        return instance;
    };
})();
var oA = new Single('hi');
var oB = new Single('hello');
console.log(oA===oB);

解析：在第一次調用構造函數時利用閉包存儲一個instance實例，之後的調用直接返回instance.

固然了，如今都9012年了，ES6 來一波玩玩

class Singleton {
    constructor(name) {
        this.name = name;
        this.instance = null;
    }
    static getInstance(name) {
        if(!this.instance) {
            this.instance = new Singleton(name);
        }
        return this.instance;
    }
}
var oA = Singleton.getInstance('hi');
var oB = Singleton.getInstance('hisd');
console.log(oA===oB);

static 關鍵字解釋：類至關於實例的原型， 全部在類中定義的方法， 都會被實例繼承。 若是在一個方法前， 加上static關鍵字， 就表示該方法不會被實例繼承， 而是直接經過類來調用， 這就稱爲「 靜態方法」。

單例模式的應用： 全局中只須要一個公用的實例對象，好比登陸彈窗組件。

參考

• JavaScript設計模式與開發實戰 曾探
• 前端單例模式的應用場景