>[success] # ES6 -- 寫單例模式 [有參考價值的文章](https://juejin.im/post/5d6105e75188251031357b2b) >[danger] ##### 第一個案例寫法 ~~~ 1.這里有個尷尬的問題就是 在java的單例模式中構造函數是私有的這樣， 這樣該類就不會被實例化，但是現在js 沒有私有屬性這個說法，因此這個 單例你既可以new 出來也可以通過'getInstance' 使用 ~~~ ~~~ class Singleton{ static instance = null constructor(name ){ this.name = name } getName(){ console.log(this.name) } static getInstance(name){ if(!Singleton.instance){ Singleton.instance = new Singleton(name) } return Singleton.instance } } const a = Singleton.getInstance('wang') const b = Singleton.getInstance('yi') a.getName() b.getName() ~~~ >[danger] ##### 透明單例的實現（可以通過new創建就是透明單例） ~~~ 1.可以同new的形式創建了，也比es5的代碼好理解了，利用靜態屬性'instance' 用來存當前類有沒有被實例過 ~~~ ~~~ class Singleton{ static instance = null constructor (name ){ if(Singleton.instance){ return Singleton.instance } this.name = name return Singleton.instance = this } getName(){ console.log(this.name) } } const a = new Singleton('wang') const b = new Singleton('yi') a.getName() b.getName() console.log(a === b) ~~~ >[danger] ##### 代理模式實現單例 ~~~ class Person{ constructor (name ){ this.name = name } getName(){ console.log(this.name) } } // 我是代理 var CreateSinglePerson = (function () { var instance; return function (name) { if (!instance) { instance = new Person(name); } return instance; }; })() var a = new CreateSinglePerson('a'); var b = new CreateSinglePerson('b'); console.log(a === b); // true ~~~ >[danger] ##### 一段比較有想法的代碼 ~~~ class Image {} class Link {} class Text {} class ElementFactory { createElement(type, option){ const ELEMENT = { "image" : Image, "text" : Text, "link" : Link } let ElementConstructor = ELEMENT[type], element = null; if(ElementConstructor){ element = new ElementConstructor(option); } return element; } } ~~~