设计模式(一)单例模式

          设计模式(一)单例模式

有构造函数F,

class F{
    constructor(name){
        this.name = name;
    }
    a(){}
    b(){}
}

 将它实例化

let a = new F('a');
let b = new F('b');

 在火狐浏览器跑一下,

可以看出a和b是两个相互独立的对象

那么,如果我们希望,这两次实例化得出的是同一个对象,那么我们可以使用单例模式。

单例模式基于ES6中构造函数F的constructor中若设定了返回值,且的返回值为一个对象时,new方法实例化所返回的内容为返回值所指向的对象。

  • 首先,let一个值为空的flag,它同时用于记录我们的F实例化的次数和第一次实例化获得的实例
  • 用if语句进行判断,若flag已经记录了一个对象(或说flag已经指向了我们第一次实例化的对象),直接返回flag
let F = (function(){
    let flag = null;
    return class{
        constructor(name){
            if(flag){
                flag.name = name;
                return flag;
            }
            /*第一次执行时,flag为null,进入else,令flag = 当前实例,即第一次执行时实例化的实例*/
            /*以后对F的实例化,会直接返回操作后的flag,即操作后的第一次执行后生成的实例*/
            else{
                this.name = name;
                flag = this;
            }
        }
        
    }
})();

再将其实例化

let a = new F('a');
let b = new F('b');

可以得到以下结果

可见两次操作的是同一个对象,以上就是单例模式的一个简单例子。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值