js設計模式-單例模式
阿新 • • 發佈:2019-02-16
調用構造 name 單例模式 tails 設計 它的 簡單 sin ons
定義:
顧名思義,單例就是單一的意思,單例模式的定義是:保證一個類僅有一個一個實例,並提供一個訪問它的全局訪問點。
思路:
新建對象時判斷全局是否有該對象,如果有,就返回該對象,沒有就創建一個新對象返回。
js實現如下
- 簡單實現
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設計模式-單例模式