JavaScript设计模式(一)--单例模式

2016-08-29  本文已影响0人  卡西莫多cc
什么是单例模式,它的基本形式是怎样的?
单例模式的作用?
使用单例模式应该注意的事项?
下面是两个简单的单例模式的例子:
<a id="btn" href="javascript:void(0)">按钮</a>
<script>
var getObjColor={
        init:function(color){
                this.render(color);
                this.bind();
            }
        render:function(color){
              var me=this;//存储this对象
              me.btn=$("#btn");
              if(color){
                        this.color=color;
                  }else{
                        this.color="red";
                  }
              
            }
        bind:function(){
              var me=this;
              me.btn.click(function(){
                    me.getColor();
                 })
            }
         getColor:function(){
                    var me=this;
                     console.log(me.color);
            }
}
getObjColor.init("blue");//初始化,每次点击按钮就会打印出blue
</script>
getObjColor是唯一的一个对象,只能通过这个点来访问到该对象,其中的变量和方法都是局部的变量和方法,只能在对象内部被访问
上一篇 下一篇

猜你喜欢

热点阅读