ITPub博客

首页 > 应用开发 > Javascript > javascript设计模式一: 单例模式

javascript设计模式一: 单例模式

原创 Javascript 作者:20170405 时间:2020-08-11 14:41:26 0 删除 编辑

  var Singleton = function(name){

  this.name = name

  }

  Singleton.prototype.getName = function(){

  console.log(this.name);

  }

  Singleton.getInstance = (function(){ //注意这里的getInstance方法是静态方法

  var instance = null

  //这里使用闭包,作用在于只有当调用到getInstance方法时才进行单例控制,这是一种惰性单例模式,相比标准单例中将instance变量放在Singleton构造函数中性能更好

  return function(){

  if(!instance){

  instance = new Singleton(name)

  }

  return instance

  }

  })

  var a = Singleton.getInstance('nitx')

  var b = Singleton.getInstance('sxm')

  console.log(a === b); //true

  上述通过Singleton.getInstance来获取Singleton类的唯一对象,这种方法相对简单,但有个问题,增加了类的不透明性,Singleton类的使用者必须知道这是一个单例类,跟以往通过new XXX的方式来获取对象实例不同,这里需要使用Singleton.getInstance来获取对象。这种写法意义不大。

  //方法二

  //透明的单例模式,用户从这个类中创建对象时,可以像使用其他任何普通类一样,通过new创建类实例。下面单例类的作用是在页面中创建唯一的div节点。

  var CreateDivWrap = (function(){

  var instance = null;

  var CreateDiv = function(html){

  if(instance){

  return instance

  }

  this.html = html;

  this.init()

  return instance = this

  }

  CreateDiv.prototype.init = function(){

  var div = document.createElement('div')

  div.innerHTML = this.html

  document.body.appendChild(div)

  }

  return CreateDiv

  })()

  var c = new CreateDivWrap('nitx')

  var d = new CreateDivWrap('sxm')

  console.log(c === d); //true

  上述代码中,还有一个缺点,为了把instance封装起来,使用了自执行匿名函数和闭包,并且让这个匿名函数返回真正的Singleton构造方法CreateDiv,这增加程序复杂度,CreateDiv方法负责两件事,一件是创建对象和执行初始化init方法,第二是保证只有一个对象,这种操作违背“单一职责原则”,假如将来要利用这个类在页面中创建多个类,也就是让这个类从单例类变成普通类,那就得改写CreateDivWrap构造函数,去掉控制唯一对象的那一段代码,麻烦!解决这个问题的方法是使用 代理实现单例模式

  //方法三:

  //先创建普通类,作用是创建div

  var CreateDiv= function(html){     郑州胎记去除哪家好 http://m.zykdbh.com/

  this.html = html

  this.init()

  }

  CreateDiv.prototype.init = function(){

  var div = document.createElement('div')

  div.innerHTML = this.html

  document.body.appendChild(div)

  }

  //创建并引用代理类ProxySingletonCreateDiv,其作用是控制CreateDiv类创建唯一对象

  var ProxySingletonCreateDiv = (function(){

  var instance = null

  return function(html){

  if(!instance){

  instance = new CreateDiv(html)

  }

  return instance

  }

  })()

  var e = new ProxySingletonCreateDiv('nitx')

  var f = new ProxySingletonCreateDiv('sxm')

  console.log(e === f);

  通过引入代理类的方式,同样完成一个单例模式的编写,但和之前方法一、二相比,把负责管理单例的逻辑移到了代理类ProxySingletonCreateDiv中,这样CreateDiv就是一个普通类,CreateDiv类和ProxySingletonCreateDiv类组合起来就是一个单例类。


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/69979119/viewspace-2710790/ ,如需转载,请注明出处,否则将追究法律责任。

下一篇: html css
请登录后发表评论 登录
全部评论

注册时间:2020-07-14

  • 博文量
    63
  • 访问量
    39791