《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>