JS单例模式

单例模式

在面向对象语言中,调用一个类的方法之前,必须先将这个类实例化,才能调用类方法。

单例模式能使得我们不需要每次都需要实例化一次,因为我们使用的对象都是同一个对象。

单例模式:只允许实例化一次的对象类。

JS的单例模式

const log = console.log;

let Leader = (()=>{
    let _instance = null;
    //一个待实例化的类
    function _module(){
        this.name = 'xxx';
        this.callLeader = ()=>{
            return 'The Leader Is ' + this.name;
        }
        this.setLeader = (name) => {
            this.name = name;
        }
    }

    return {
        getInstance:()=>{
            if(!_instance){
                _instance = new _module();
            }
            return _instance;
        }
    }
})();

Leader返回一个包含getInstance方法的对象,执行这个方法可以获得_module的实例。

let leader_01 = Leader.getInstance();
leader_01.setLeader('hhh');

let leader_02 = Leader.getInstance();
log(leader_02.callLeader())

log(leader_01 === leader_02);   //true

eader_01与leader_02完全相等,说明它们是同一个对象,并不是通过new新获取的对象。

但是在多页面情况下,通过import引入的并不是单例模式,因为

用途

模态框弹窗的时候,不希望有两个弹窗

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 为何要有单例模式书中有举出一个实际场景,当我们点击登陆按钮时,页面中可能会出现一个弹框,而这个弹框是唯一的,无论点...
    流动码文阅读 614评论 1 1
  • 前端开发工程师必备系列-几个简单的JS单例模式 JavaScript单例模式 1. 单例模式 单例模式(Singl...
    WEB开发李家靖阅读 568评论 1 0
  • 1. 常见实现单例 要实现一个标准的单例模式并不复杂,无非是用一个变量来标志当前是否已经为某个类创建过对象,如果是...
    rocneal阅读 1,323评论 0 0
  • 单例模式 单例表示只存在一个这样的对象。单例模式是一种非常重要的设计模式,有很多经典的应用场景,比如说,网站的登录...
    bigtom阅读 300评论 0 0
  • 单例模式的定义是:保证一个类仅有一个实例,并提供一个访问它的全局访问点。单例模式是一种常用的模式,有一些对象我们往...
    ThomasCho阅读 374评论 0 0