zoukankan      html  css  js  c++  java
  • 大熊君说说JS与设计模式之------单例模式Singleton()

    一,总体概要

    1,笔者浅谈

    顾名思义单例模式并不难理解,是产生一个类的唯一实例,在我们实际开发中也会使用到这种模式,它属于创建模式的一种,基于JS语言本身的语法特征,

    对象直接量“{}”,也可以作为单例模式的一种表现形式,如下代码参考

     1 function Foo(){
     2     this.bar = "Hello Singleton !" ;
     3 } ;
     4 var Singleton = {
     5     instance : null ,
     6     getInstance : function(){
     7         if(!this.instance){
     8             this.instance = new Foo() ;
     9         }
    10         return this.instance ;
    11     }
    12 } ;

    就像这样当我们每次调用 Singleton.getInstance()时,就会得到唯一的实例。

    单例模式是javascript最基本,最有用的模式之一,它提供了一种将代码组织为一个逻辑单元的手段,这个逻辑单元中的代码通过单一的变量进行访问。

    单体在javascipt中有许多用处,可以用来划分命名空间,以减少全局变量的泛滥。还可以用在分支技术中用来处理各浏览器的差异。然我们再看几个例子(*^__^*) 

     1 var Singleton = (function(){
    var instance = null ;
    2 function Foo(){ 3 this.bar = "Hello Singleton !" ; 4 } ; 5 return{ 6 getInstance : function(){ 7 if(!instance){ 8 instance = new Foo() ; 9 } 10 return instance ; 11 } 12 } ; 13 })() ;

    这是通过模块模式实现的。

     1 var Singleton = (function(){
    var instance = null ;
    2 function Foo(){ 3 this.bar = "Hello Singleton !" ; 4 } ; 5 function createInstance(){ 6 return new Foo() ; 7 } ; 8 return{ 9 getInstance : function(){ 10 if(!instance){ 11 instance = createInstance() ; 12 } 13 return instance ; 14 } 15 } ; 16 })() ;

    这是结合工厂模式实现的单例方式。

    单例模式是设计模式中最简单的形式之一。这一模式的目的是使得类的一个对象成为系统中的唯一实例。要实现这一点,可以从客户端对其进行实例化开始。因此需要用一种只允许生成对象类的唯一实例的机制,“阻止”所有想要生成对象的访问。使用工厂方法来限制实例化过程。这个方法应该是静态方法(类方法),因为让类的实例去生成另一个唯一实例毫无意义。

    二,源码案例参考

    我们拿Bootstrap前端框架作为实例进行讲解,以下说的是"alert.js v3.3.1"中的源码,如下所示

    这一这句代码,if (!data) $this.data('bs.alert', (data = new Alert(this)))这就是单例的方式创建组件的实例对象,通过查找缓存在DOM节点的对象判断是否创建实例。

    再给大家几个例子巩固单例模式的组织方式以及如何使用

    再看一个,这属于惰性加载。

    三,案例引入

    今天我们将结合单例模式与工厂模式做一个小例子,以理解为主。

    (1),创建单例类

     1 var Singleton = (function(){
     2     var instance = null ;
     3     function createInstance(type){
     4         return factory.create(type) ;
     5     } ;
     6     return{
     7         getInstance : function(type){
     8             if(!instance){
     9                 instance = createInstance(type) ;
    10             }
    11             return instance ;
    12         }
    13     } ;
    14 })() ;

    (2),创建工厂类

     1 var factory = (function(){
     2     var instanceVendor = {
     3         "foo" : function(){
     4             return new Foo() ;
     5         } ,
     6         "zoo" : function(){
     7             return new Zoo() ;
     8         }
     9     } ;
    10     return {
    11         create : function(type){
    12             return instanceVendor[type]() ;
    13         }
    14     } ;
    15 })() ;

    (3),创建实体对象类

    1 function Foo(){
    2     this.bar = "Hello Singleton !" ;
    3     this.getBar = function(){
    4         return this.bar ;
    5     } ;
    6 } ;

    (4),创建客户端测试类

    1 function SingleClient(){
    2     this.run = function(){
    3         Singleton.getInstance("foo").getBar() ; // Hello Singleton !
    4     } ;
    5 } ;

    四,总结一下

    单例模式的要点有三个。
    一,是某个类只能有一个实例;
    二,是它必须自行创建这个实例;
    三,是它必须自行向整个系统提供这个实例。
    从具体实现角度来说,就是以下三点。
    一,是单例模式的类只提供私有的构造函数,
    二,是类定义中含有一个该类的静态私有对象,
    三,是该类提供了一个静态的共有的函数用于创建或获取它本身的静态私有对象。
     
     
    哈哈哈,本篇结束,未完待续,希望和大家多多交流够沟通,共同进步(*^__^*) 嘻嘻……
  • 相关阅读:
    (转)实战Memcached缓存系统(4)Memcached的CAS协议
    (转)实战Memcached缓存系统(3)Memcached配置参数初解
    (转)实战Memcached缓存系统(2)Memcached Java API基础之MemcachedClient
    (转)实战Memcached缓存系统(1)Memcached基础及示例程序
    杨澜:你唯一有把握的是成长
    谈谈秒杀系统的落地方案
    【前端】仿消息推送到App提示
    【前端】你想通过选择一个前端框架来实现什么?
    Web应用中解决问题的方案步骤?
    前端技术
  • 原文地址:https://www.cnblogs.com/bigbearbb/p/4182111.html
Copyright © 2011-2022 走看看