单例模式学习笔记

什么是单例模式?

定义:保证一个类只有一个实例,且提供一个可以访问它的全局访问点
减少多次实例化造成的不必要资源和内存的消耗。

function init (name) {
    this.name = name
    this.getName = function() {
        return this.name
    }
}

const Singleton = function () {
    this.instance = null
}

Singleton.getInstance = function(name){
    if (!this.instance) {
        this.instance = new init(name)
    }
    return this.instance
}

const instanceA = Singleton.getInstance('Cindy')
const instanceB = Singleton.getInstance('Anna')

console.log(instanceA.getName())     // Cindy
console.log(instanceA === instanceB) // true

什么场景下使用单例模式

预期对象只有一个,且能够获取到对象信息的时候,例如全局缓存、浏览器中的window。
适用实例场景:

  • 淘宝网点击“登录”按钮,会弹出登录弹窗。无论点击多少次这个按钮,这个弹窗实际上只需要创建一次就够。
  • 用户编辑表单信息,在保存的如果检验不通过会提示不同的error信息,显然每次都重新创建一个弹窗的 DOM 是没有必要的,这里就可以使用单例模式

在 JavaScript 中怎么实现单例模式

目前可以通过全局变量的方式来实现,全局变量的方式创建的对象是唯一的,并且在代码任意位置都能被访问到。但是全局变量也存在十分明显的缺点:

  • 全局污染
  • 变量容易被覆盖
    一般情况下要尽量减少对全局变量的使用,如果一定要使用要尽量将污染降低到最小,方式有以下几种:
    • 使用命名空间
      适当地使用命名空间,不能杜绝全局变量,只是减少全局变量的数量
var nameSpace = {
    name: 'a',
    getName: function() {
       return  'Name is:' + this.name
    }
}
  • 使用闭包封装私有变量
    把一些变量保存在闭包内部,暴露一些对外的方法跟外界通信,这种方式可以完全规避对全局污染
(function() {
   const __name = ''
   const __age = 10
   return {
       getName() {
         return 'Name is:' + __name
       }
   }
})()

什么是惰性单例模式

在需要的时候才实例化,这是单例模式的重点,在日常开发中十分实用,将上面的示例改造一下

function init (name) {
    this.name = name
    this.getName = function() {
        return this.name
    }
}
const Singleton = (function () {
    let instance
    return function(name) {
        if(!instance) {
            instance = new init(name)
        }
        return instance
    }
})()

const instanceA = new Singleton('Cindy')
const instanceB = new Singleton('Anna')

console.log(instanceA.getName())     // Cindy
console.log(instanceA === instanceB) // true

你可能感兴趣的:(单例模式学习笔记)