美文网首页
js单例模式终极版

js单例模式终极版

作者: louhangfei | 来源:发表于2018-10-28 15:36 被阅读0次

把创建实例对象的职责和管理单例的职责分别放置在两个方法里

// 创建一个按钮
var createBtn = function(){
    let com = '<Button>按钮</Button>'
    document.querySelector("body").append(com)
}

// 创建一条线
var createLine = function(){
    let com = '<hr></hr>'
    document.querySelector("body").append(com)
}

// 单例
var createSingle=function(fn){
    var init = false;
    return function(){
        if(!init){
            init = true;
            fn.apply(this,arguments);  
        } 
    }
}


btnFn = createSingle(createBtn);
lineFn = createSingle(createLine);
document.getElementById("footer").onclick=function(){
     btnFn();
     lineFn()
}

相关文章

  • js单例模式终极版

    把创建实例对象的职责和管理单例的职责分别放置在两个方法里

  • 前端开发工程师必备系列-几个简单的JS单例模式

    前端开发工程师必备系列-几个简单的JS单例模式 JavaScript单例模式 1. 单例模式 单例模式(Singl...

  • 前端设计模式

    JS设计模式一:工厂模式jS设计模式二:单例模式JS设计模式三:模块模式JS设计模式四:代理模式JS设计模式五:职...

  • JavaScript-高级篇之单例模式

    单例模式 保证一个类仅有一个实例,并提供一个访问它的全局访问点 JS特色的单例模式 惰性单例

  • JS_单例模式

    JS_单例模式 什么是单例模式? 保证一个类仅有一个实例,并提供一个访问它的全局访问点。 单例模式的优点 可以用来...

  • 【设计模式】单例模式

    单例模式 常用单例模式: 懒汉单例模式: 静态内部类单例模式: Android Application 中使用单例模式:

  • Android设计模式总结

    单例模式:饿汉单例模式://饿汉单例模式 懒汉单例模式: Double CheckLock(DCL)实现单例 Bu...

  • JS单例模式

    单例模式的定义是:保证一个类仅有一个实例,并提供一个访问它的全局访问点。单例模式是一种常用的模式,有一些对象我们往...

  • js 单例模式

    为何要有单例模式书中有举出一个实际场景,当我们点击登陆按钮时,页面中可能会出现一个弹框,而这个弹框是唯一的,无论点...

  • js单例模式

    概念:单例,指的就是只有一个实例的对象 var singleton = {name: 'singleton',me...

网友评论

      本文标题:js单例模式终极版

      本文链接:https://www.haomeiwen.com/subject/eqaptqtx.html