单体模式作为一种软件开发模式在众多面向对象语言中得到了广泛的使用，在javascript中，单体模式也是使用非常广泛的，但是由于javascript语言拥有其独特的面向对象方式，导致其和一些传统面向对象语言虽然在单体模式的思想上是一致的，但是实现起来还是有差异的。

     首先来看看传统面向对象语言对于单体模式的定义：单体模式是只能被实例化一次并且可以通过一个众所周知的访问点来访问的类。这个定义有两点突出了传统面向对象语言的特征，即类和实例化，所以对于传统面向对象语言来讲，单体模式是建立在其类和实例化的自然特性之上的，即使用关键字class定义一个类，该类可通过new关键字来实例化，但是需要保证每次被new实例化之后得到的都是同一个实例或者说只能通过new来调用其构造函数一次。
 
     再来看看javascript中对于单体模式的定义：单体是一个用来划分命名空间并将一批相关方法和属性组织在一起的对象，如果它能够被实例化，那么只能被实例化一次。对比上面的定义，你会发现这里的单体定义将其实质定义为对象，而不是传统面向对象语言中的类，这也表明了javascript这门语言是基于对象的。同时后面又指出，如果能够被实例化，这说明了在javascript中单体定义应该有好几种方式，存在一种或几种能够被实例化即使用new关键字来创建单体对象的方式，但是这种方式不是javascript自身的自然特征，因为使用new关键字创造出来的对象，实际上都是通过function来模拟定义其构造函数的（虽然ES6开始支持class关键字了，但是目前还没有得到浏览器广泛支持），那么如何使用javascript的自然特征来实现单体模式呢？单体模式的基本结构如下:
  var Singleton = {

         attr1: ,

         attr2: ,

         method1: function() {

         alert(this.attr1); //将方法绑定到事件监听器上，this指向的dom元素就会失效，这里最好使用单体对象的全名访问属性和方法

         },

         method2: function(arg) {

         }

     };

绑定事件测试代码如下:

 <html>

 <body>

     <input id="btntest" type="button" value="测试" />

 </body>

 </html>

 <script>

     var elem = document.getElementById("btntest");

     elem.addEventListener("click", Singleton.method1); //undefined

 </script>
     基本结构中定义了一个对象Singleton,内部包含若干属性和方法，将其包含在页面中，js载入的时候就创建了这个对象，在调用时使用Singleton.method1来调用，它的实例化是随着页面载入js解析执行过程中完成的，我们并没有使用new关键字来实例化这个对象，这也是javascript中实现单体模式和传统面向对象语言一个很大的不同。这种方式更为简单易于理解。但是这种方式存在若干缺点，一个很明显的缺点是它并没有提供命名空间，其他程序员如果在页面中也定义了一个Singleton变量，那么很容易改写和混淆这个单体对象，于是针对这个问题，将其改写如下：
   var namespace={};

   namespace.Singleton={

       attr1:true,

       attr2:10,

       method1:function(){

      },

       method2:function(arg){

      }

  } 
     这里首先定义了一个namespace的命名空间，然后将单体对象Singleton挂载在这个对象的下面，这大大减少了和其他程序员冲突以及误操作的可能，即使其他人在全局作用域中定义一个Singleton变量，也不会污染到这个单体对象，这就实现了前面定义中所说的划分命名空间并且将一些相关属性和方法组织在一起的功能。
     这个方法依然存在缺点，这个单体对象的所有属性和方法都是共有的，外部可随时访问和修改，于是采用闭包来模拟私有属性和方法，如下：
   namespace.Singleton = (function() {

         var privateAttr1 = false;

         var privateAttr2 = [, , ];

         function privateMethod1() {

         }

         function privateMethod2() {

         }

         return {

             publicAttr1: true,

             publicAttr2: ,

             publicMethod1: function() {

                 privateAttr1 = true;

                 privateMethod1();

             },

             publicMethod2: function(arg) {

                 privateAttr2 = [, , ];

                 privateMethod2();

             }

         }

     })();
      在这里我们直接给该单体对象赋值了一个匿名自执行的函数，在该函数中使用var和function关键字分别来定义其私有属性和方法，这些在函数外部（单体对象外部）是无法直接访问的，因为函数一执行完毕，其内部作用域的空间就会被回收，这也就是能够利用闭包来模拟私有属性和方法的原因所在。在该函数（闭包）中，同时最终返回一个对象，这个对象中包含一些公有方法和属性，在外部可以直接调用，同时这些公有方法由于定义在函数内部，所以可以调用其私有属性和方法，但是外界只能通过返回的公有方法和属性来完成某些操作，不能够直接调用Singleton.privateMethod1这些属性。这就使得该单体对象既隔离了外界去直接访问其私有属性和方法，又提供给外界一些共有属性和方法去完成某些操作。
 
     这种匿名函数自执行所构造的单体模式在很多js库中被广泛使用，但是依然存在一个问题，如果我们在载入页面的时候并不需要用到该对象，而且该对象的创建比较耗费开销（如需要进行大量计算或需要多次访问dom树及其属性等）时，合理的做法是需要它的时候再去创建它，而不是随着js的解析执行直接去创建，这种概念被称之为惰性加载(lazy loading),于是修改以上代码如下：
     var Singleton = (function() {

         var instantiated;     //匿名函数创建私有变量,判断单体对象是否被创建的句柄

         function init() {

             return {

                 publicMethod: function() {

                     alert('hello word');

                 },

                 publicPrototype: "test"

             };

         }

         return {

             getinstance: function() {

                 if (!instantiated) {

                     instantiated = new init();

                 }

                 return instantiated;

             }

         }

     })();

     Singleton.getinstance().publicMethod();
     这里首先在匿名函数中定义了一个私有变量instantiated,作为一个判断单体对象是否被创建出来的句柄，然后将刚才所有对单体对象定义的属性和方法都放在一个名为init的函数中，只有该函数调用了，才会创造出该单体对象，否则不会直接创建它。然后，返回一个对象，其包含一个getInstance方法，该方法是供外部调用的，调用该方法的时候首先判断该单体对象是否存在，如果存在就直接返回它，否则调用init函数构造这个单体对象再返回它。最后如果我们调用该单体对象的某个方法，需要使用Singleton.getInstance().publicMethod(),这里，只有我们这样调用的时候才会创建这个单体对象，否则该单体对象是不会被自动创建的，这实际上就实现了按需加载或者惰性加载。

JS设计模式之单体模式（Singleton）的更多相关文章

  1. JS设计模式——5.单体模式

    JS设计模式——5.单体模式 http://www.cnblogs.com/JChen666/p/3610585.html   单体模式的优势 用了这么久的单体模式,竟全然不知!用它具体有哪些好处呢? ...

  2. JS设计模式——5.单体模式(用了这么久，竟全然不知!)

    单体模式的优势 用了这么久的单体模式,竟全然不知!用它具体有哪些好处呢? 1.可以用它来划分命名空间(这个就是就是经常用的了) 2.利用分支技术来封装浏览器之间的差异(这个还真没用过,挺新鲜) 3.借 ...

  3. 单例/单体模式(Singleton)

    单例/单体模式(Singleton) 首先,单例模式是对象的创建模式之一,此外还包括工厂模式. 单例模式的三个特点: 1,该类只有一个实例 2,该类自行创建该实例(在该类内部创建自身的实例对象) 3, ...

  4. js设计模式——7.备忘录模式

    js设计模式——7.备忘录模式 /*js设计模式——备忘录模式*/ // 备忘类 class Memento { constructor(content) { this.content = conte ...

  5. js设计模式——6.模板方法模式与职责链模式

    js设计模式——6.模板方法模式与职责链模式 职责链模式

  6. js设计模式——5.状态模式

    js设计模式——5.状态模式 代码演示 /*js设计模式——状态模式*/ // 状态(红灯,黄灯,绿灯) class State { constructor(color) { this.color = ...

  7. js设计模式——4.迭代器模式

    js设计模式——4.迭代器模式 代码演示 /*js设计模式——迭代器模式*/ class Iterator { constructor(container) { this.list = contain ...

  8. js设计模式——2.外观模式

    js设计模式——2.外观模式

  9. js设计模式——1.代理模式

    js设计模式——1.代理模式 以下是代码示例 /*js设计模式——代理模式*/ class ReadImg { constructor(fileName) { this.fileName = file ...

随机推荐

  1. VC++知识点整理

    1.内联函数        定义:定义在类体内的成员函数,即函数的函数体放在类体内        特点:在调用处用内联函数体的代码来替换,用于解决程序的运行效率问题.一定要在调用之前定义,并且内联函数 ...

  2. 2.QWidget类

    简述: QWidget类是所有用户界面对象的基类. Widget是用户界面的基本单元:它从窗口系统接收鼠标,键盘和其他事件,并在屏幕上绘制自己. 每个Widget都是矩形的,它们按照Z-order进行 ...

  3. html符号转换

    通常情况下,HTML会自动截去多余的空格.不管你加多少空格,都被看做一个空格.比如你在两个字之间加了10个空格,HTML会截去9个空格,只保留一个.为了在网页中增加空格,你可以使用 表示空格.最常用的 ...

  4. # 20155327 2016-2017-4 《Java程序设计》第9周学习总结

    20155327 2016-2017-4 <Java程序设计>第9周学习总结 20155327 2016-2017-4 <Java程序设计>第9周学习总结 教材学习内容总结 了 ...

  5. java并发编程实战：第十章----避免活跃性危险

    在安全性和活跃性之间通常存在着某种制衡 一.死锁 定义:在线程A持有锁L并想获得锁M的同时,线程B持有锁M并尝试获得锁L,线程AB均不会释放自己的锁,那么这两个线程将永远地等待下去 在数据库系统的设中 ...

  6. 3、Docker能干什么？

    简化配置   这是Docker公司宣传的Docker的主要使用场景.虚拟机的最大好处是能在你的硬件设施上运行各种配置不一样的平台(软件.系统),Docker在降低额外开销的情况下提供了同样的功能.它能 ...

  7. How To Make A DFF Read Only Through Form Personalisations? (文档 ID 1289789.1)

    In this Document   Goal   Solution   References APPLIES TO: Oracle Application Object Library - Vers ...

  8. Javascript设计模式理论与实战：简单工厂模式

    通常我们创建对象最常规的方法就是使用new关键字调用构造函数,这会导致对象之间的依赖性.工厂模式是一种有助于消除类之间依赖性的设计模式,它使用一个方法来决定要实例化哪一个类.本文详细介绍了简单工厂模式 ...

  9. 谁说他们版本不兼容——hadoop1.2.1+hbase0.94.11+nutch2.2.1+el

    一.背景 最近由于项目和论文的需要,需要搭建一个垂直搜索的环境,查阅了很多资料,决定使用Apache的一套解决方案hadoop+hbase+nutch+es.这几样神器的作用就不多作介绍了,自行参考各 ...

  10. ansible常用ad hoc操作

    ansible group001 -i hosts.ip -m shell -a -v