《JS设计模式笔记》 1,单例模式

<script type="text/javascript">
    //单例模式
    
    //1,每次点击都会生成一个新的div
    var createMask=function  () {
        return document.body.appendChild(document.createElement(div));
    }
    $("button").click(function(){
        var mask=createMask();
        mask.show();
    });
    
    //2,有可能这个mask会永远也用不上
    var mask=document.body.appendChild(document.createMask("div"));
    $("button").click(function(){
        mask.show();
    });
    
    //3,1）函数体内改变了变量mask的引用，在多人协作的项目中，createMask是个不安全的函数。2）另一方面，mask这个全局变量不是非需不可。
    var mask;
    var createMask=function(){
        if(mask){
            return mask;
        }
        else{
            mask=document.body.appendChild(document.createElement(div));
            return mask;
        }
    };
    //4,用闭包的形式，只生成一个mask
    var createMask=function(){
        var mask;
        return function(){
            return mask||(mask=document.body.appendChild(document.createElement(div)));
        };
    }()
    //5,最终版本
    var singleton=function(fn){
        var result;
        return function(){
            return result||(result=fn.apply(this,arguments));
        }
    }
    var createMask=singleton(function(){
        return document.body.appendChild(document.createElement("div"));
    });
    用一个变量来保存第一次的返回值，如果它已经被赋过值，那么在以后的调用中，优先返回该值，
    </script>