javascript设计模式--单例模式

惰性单例

延迟创建。对于一些需要频繁创建和销毁的对象,此模式无疑可以提高系统的性能。类似于 懒加载

var LazySingle = (function(fn){
    var _instance = null
    function Single(){
        //这里定义私有属性和方法
        return {
            publicProperty:'1.0',
            publicMethod:function(){}
        }
    }
    return function(){
        if(!_instance){
            _instance = Single()
        }
        return _instance
    }
})()
console.log(LazySingle().publicProperty)

创建了一个通用的单例函数,只专注与单例相关的代码,接受一个fn参数,将fn的执行结果存到result中,result由于在函数闭包里,所以不会被销毁。将来使用时result如果是已赋值的,那么直接返回这个单例值

进一步分离

/* 创建了一个通用的单例函数,只专注与单例相关的代码,
接受一个fn参数,将fn的执行结果存到instance中,instance由于在函数闭包里,
所以不会被销毁。将来使用时result如果是已赋值的,那么直接返回这个单例值 */
const getSingle = (fn)=>{
    let _instance = null;
    return function(){
        return _instance|| (_instance = fn.apply(this,arguments))
    }
}

const createLoginDiv = ()=>{
    const div = document.createElement('div');
    div.innerText = '登录浮窗';
    div.style.display = 'none';
    return div;
}

const createSingleLoginDiv = getSingle(createLoginDiv)
const singleLoginDiv = createSingleLoginDiv() // <div>...</div>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值