1. 程式人生 > >js設計模式-單例模式

js設計模式-單例模式

調用構造 name 單例模式 tails 設計 它的 簡單 sin ons

定義:

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

思路:

新建對象時判斷全局是否有該對象,如果有,就返回該對象,沒有就創建一個新對象返回。

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

js設計模式-單例模式