JavaScript设计模式(一)：单例模式

单例模式的定义与特点

• 单例（Singleton）模式的定义：指一个类只有一个实例，且该类能自行创建这个实例的一种模式。例如，Windows 中只能打开一个任务管理器，这样可以避免因打开多个任务管理器窗口而造成内存资源的浪费，或出现各个窗口显示内容的不一致等错误。
• 单例模式有 3 个特点：
  • 单例类只有一个实例对象；
  • 该单例对象必须由单例类自行创建；
  • 单例类对外提供一个访问该单例的全局访问点。

单例模式优缺点

• 优点：
  • 单例模式可以保证内存里只有一个实例，减少了内存的开销。
  • 可以避免对资源的多重占用。
  • 单例模式设置全局访问点，可以优化和共享资源的访问。
• 缺点
  • 单例模式一般没有接口，扩展困难。如果要扩展，则除了修改原来的代码，没有第二种途径，违背开闭原则。
  • 在并发测试中，单例模式不利于代码调试。在调试过程中，如果单例中的代码没有执行完，也不能模拟生成一个新的对象。
  • 单例模式的功能代码通常写在一个类中，如果功能设计不合理，则很容易违背单一职责原则。

单例例子

class Login {
  createLayout() {
    var oDiv = document.createElement('div')
    oDiv.innerHTML = '我是登录框'
    document.body.appendChild(oDiv)
    oDiv.style.display = 'none'
    return oDiv
  }
}

class Single {
  getSingle(fn) {
    var result;
    return function() {
      return result || (result = fn.apply(this, arguments))
    }
  }
}

var oBtn = document.getElementById('btn')
var single = new Single()
var login = new Login()

// 由于闭包，createLoginLayer对result的引用，所以当single.getSingle函数执行完之后，内存中并不会销毁result。

// 当第二次以后点击按钮，根据createLoginLayer函数的作用域链中已经包含了result，所以直接返回result

// 讲获取单例和创建登录框的方法解耦，符合开放封闭原则
var createLoginLayer = single.getSingle(login.createLayout)
oBtn.onclick = function() {
  var layout = createLoginLayer()
  layout.style.display = 'block'
}

小结

• 单例模式的主要思想就是，实例如果已经创建，则直接返回；