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設計模式與開發實戰 曾探
• 前端單例模式的應用場景