gpt4 book ai didi

单例模式是什么?

转载 作者:知者 更新时间:2024-03-13 04:24:28 24 4
gpt4 key购买 nike

一、传统的单例模式
保证一个类仅有一个实例,并提供一个访问它的全局访问点。
实现思想:就是使用一个变量来标志当前是否已经为某一个类创建过对象,如果是则下一次获取该类的实例的是时候,就直接返回该对象。
下面为js来实现该思路

var Singleton = function( name ){
    this.name = name;
};

Singleton.prototype.getName = function(){
   alert ( this.name );
};

Singleton.getInstance = (function(){ 
  var instance = null;

  return function( name ){
          if ( !instance ){
            instance = new Singleton( name );
          }
        return instance;
       }
})();

这里通过Singleton.getInstance来获取Singleton类的唯一对象,这样确实没问题。

上面代码中,我们使用CreateDiv来创建一个div实例并将其插入网页中,但是当我们第二次创建的时候,只能返回给我们之前创建的实例。
三、单例模式的应用——登录框

class LoginFrom {

  constructor() {
      this.instance = null;
      this.state = 'hide';
  }
  static getInstance() {

      if (!this.instance) {
          this.instance = new LoginFrom();
      }
      return this.instance;

  }

  show() {
      if (this.state === 'show') {
          alert('已经显示');
          return;
      }

      this.state = 'show';
      console.log('显示成功')

  }

  hide() {
      if (this.state === 'hide') {
          alert('已经隐藏');
          return;
      }
      this.state='hide'
      console.log('隐藏成功')
  }

}
const login1 = LoginFrom.getInstance();
const login2 = LoginFrom.getInstance();

login1.show();//默认隐藏,调用该方法,打印显示成功
login2.hide();//因为是单例,状态同步,上述方法调用后登录框为显示状态,调用hide方法,打印隐藏成功

console.log(login1 === login2)//true

因为我们的登陆框实例只能存在一个,所以使用单例模式。

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com