JS与设计模式之------单例模式Singleton

页面导航:首页 > 网络编程 > JavaScript > JS与设计模式之------单例模式Singleton

JS与设计模式之------单例模式Singleton

来源: 作者: 时间:2016-02-04 09:15 【

一,总体概要1,笔者浅谈顾名思义单例模式并不难理解,是产生一个类的唯一实例,在我们实际开发中也会使用到这种模式,它属于创建模式的一种,基于JS语言本身的语法特征,对象
一,总体概要
 
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 } ;
 
 
四,总结一下
 
单例模式的要点有三个。
一,是某个类只能有一个实例;
二,是它必须自行创建这个实例;
三,是它必须自行向整个提供这个实例。
从具体实现角度来说,就是以下三点。
一,是单例模式的类只提供私有的构造函数,
二,是类定义中含有一个该类的静态私有对象,
三,是该类提供了一个静态的共有的函数用于创建或获取它本身的静态私有对象。
 
Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<