美文网首页
JavaScript设计模式(一)--单例模式

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

作者: 卡西莫多cc | 来源:发表于2016-08-29 15:06 被阅读0次
什么是单例模式,它的基本形式是怎样的?
  • 保证一个类只存在一个实例对象
  • 先判断实例是否存在,如果存在就直接返回,如果不存在就创建了在返回
  • 单例作为一个命名空间的提供者,从全局命名空间里提供唯一的访问点来访问该对象
单例模式的作用?
  • 模块间的通信
  • 系统中某个类的对象只能存在一个
  • 保护自己的属性和方法
使用单例模式应该注意的事项?
  • 注意闭包会造成内存泄漏,在使用完成之后应该销毁无用变量
  • 注意this关键字的使用
下面是两个简单的单例模式的例子:
<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是唯一的一个对象,只能通过这个点来访问到该对象,其中的变量和方法都是局部的变量和方法,只能在对象内部被访问

相关文章

  • Node.js与单例模式

    1、前端的JavaScript单例模式 单例模式是非常常用的设计模式,前端的JavaScript中单例模式代码可能...

  • JavaScript设计模式二(单例模式)

    JavaScript设计模式二(单例模式) 这边文章主要是JavaScript中的单例模式定义: 保证一个类仅有一...

  • JavaScript 设计模式(上)——基础知识

    系列链接 JavaScript 设计模式(上)——基础知识 JavaScript 设计模式(中)——1.单例模式 ...

  • 单例模式Java篇

    单例设计模式- 饿汉式 单例设计模式 - 懒汉式 单例设计模式 - 懒汉式 - 多线程并发 单例设计模式 - 懒汉...

  • 设计模式 - 单例模式

    设计模式 - 单例模式 什么是单例模式 单例模式属于创建型模式,是设计模式中比较简单的模式。在单例模式中,单一的类...

  • 2018-04-08php实战设计模式

    一、单例模式 单例模式是最经典的设计模式之一,到底什么是单例?单例模式适用场景是什么?单例模式如何设计?php中单...

  • python中OOP的单例

    目录 单例设计模式 __new__ 方法 Python 中的单例 01. 单例设计模式 设计模式设计模式 是 前人...

  • 单例

    目标 单例设计模式 __new__ 方法 Python 中的单例 01. 单例设计模式 设计模式设计模式 是 前人...

  • 单例模式

    一、实现单例模式 或者 二、透明的单例模式 三、用代理实现单例模式 四、JavaScript中的单例模式 在Jav...

  • 单例模式

    JAVA设计模式之单例模式 十种常用的设计模式 概念: java中单例模式是一种常见的设计模式,单例模式的写法...

网友评论

      本文标题:JavaScript设计模式(一)--单例模式

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