美文网首页
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单例模式终极版

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