<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>Untitled Document</title>

        <script type=text/javascript charset=utf-8>

            /* 单体

            简单单体

            闭包单体

            惰性单体

            分支单体 */

            // 1 简单单体模式（单例模式）,不能new了，用于全局资源，公共数据。

            var Singleton = {

                attr1: true ,

                attr2: 10 ,

                method1 : function(){

                    alert('我是方法1');

                },

                method2 : function(){

                    alert('我是方法2');

                }

            };

            alert(Singleton.attr1);

            // 补充 ：划分命名空间 (区分代码)，大对象.小对象， Ext.Manager.attr1 / method1

            var BHX = {};

            BHX.Singleton = {//json里面不用this和var，

                attr1: true ,

                attr2: 10 ,

                method1 : function(){

                    alert('我是方法1');

                },

                method2 : function(){

                    alert('我是方法2');

                }

            };

            BHX.Singleton.method1();

            // 2 上面Singleton里面的属性还是可以更改。借用闭包保护数据

            var BHX = {} ;

            BHX.Singleton = (function(){//（function(){}）（）

                // 添加自己的私有成员

                var a1 = true ;

                var a2 = 10  ;

                var f1 = function(){

                    alert('f1');

                }

                var f2 = function(){

                    alert('f2');

                }

                // 把块级作用域里的执行结果赋值类我的单体对象

                return {  //返回要执行才return

                        attr1: a1 ,

                        attr2: a2 ,

                        method1 : function(){

                            return f1();

                        },

                        method2 : function(){

                            return f2();

                        }

                } ;

            })();//Singleton = {attr1: a1 ,attr2: a2 ,method1 :method2 :  }

            alert(BHX.Singleton.attr1);//改变Singleton不会改变var a1,a2

            BHX.Singleton.method1();

        </script>

    </head>

    <body>

    </body>

</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>Untitled Document</title>

        <script type=text/javascript charset=utf8>

        // 惰性单体（和闭包单体有一些相似的地方）

        // 命名空间

        var Ext = {} ;

        Ext.Base = (function(){

            // 私用变量 控制返回的单例对象

            var uniqInstance ; // undefined

            // 需要一个构造器 init 初始化单体对象的方法

            function init(){

                    // 私用成员变量

                    var a1 = 10 ;

                    var a2 = true ;

                    var fn1 = function(){alert('fn1')};

                    var fn2 = function(){alert('fn2')};

                    return {

                        attr1 : a1 ,

                        arrt2 : a2 ,

                        method1 : function(){

                            return fn1();

                        },

                        method2 : function(){

                            return fn2();

                        }

                    };

            }

            return {//不像之前的，代码一执行，Base就有了很多属性，这里只有一个方法。

                getInstance : function(){//只有Base调用了方法才返回很多属性，

                    if(!uniqInstance){ //每次返回同一个对象，不加判断就返回不是同一个对象，

                        uniqInstance = init();

                    }

                    return uniqInstance ;

                }

            };

        })();

        alert(Ext.Base.getInstance().attr1);

        Ext.Base.getInstance().method1();

        // 分支单体 （判断程序的分支 <浏览器差异的检测>）

        var Ext = {} ;

        var def =  false ;

        Ext.More = (function(){

            var objA = {        // 火狐浏览器 内部的一些配置

                    attr1:'FF属性1'

                    // 属性1

                    // 属性2

                    // 方法1

                    // 方法2

            } ;

            var objB = {        // IE浏览器 内部的一些配置

                    attr1:'IE属性1'

                    // 属性1

                    // 属性2

                    // 方法1

                    // 方法2

            } ;

            return (def) ?objA:objB;

        })();

        alert(Ext.More.attr1);

        </script>

    </head>

    <body>

    </body>

</html>

js21---单体（单例）模式的更多相关文章

  1. Singleton(单例)模式

    Singleton(单例)模式:保证一个类仅有一个实例,并提供一个访问它的全局访问点. public class Singleton { private static Singleton ourIns ...

  2. Java设计模式：Singleton(单例)模式

    概念定义 Singleton(单例)模式是指在程序运行期间, 某些类只实例化一次,创建一个全局唯一对象.因此,单例类只能有一个实例,且必须自己创建自己的这个唯一实例,并对外提供访问该实例的方式. 单例 ...

  3. 从别人写的 Object-C 中 Singleton (单例) 模式 中的一些理解--备

    关于 面向对象的设计模式 对于面向对象的设计模式,想必大家并不陌生吧. 纵观23种设计模式中,数单例模式(Singleton)和工厂模式(Factory Method)最为熟悉和基础吧.当然,本文总结 ...

  4. C++ Singleton (单例) 模式最优实现

    参考:http://blog.yangyubo.com/2009/06/04/best-cpp-singleton-pattern/ 索引 静态化并不是单例 (Singleton) 模式 饿汉模式 懒 ...

  5. 设计模式：单例(Sigleton)模式

    题目:设计一个类,我们只能生成该类的一个实例. 只能生成一个实例的类是实现了Singleton(单例)模式的类型. 相关知识: 这种模式涉及到一个单一的类,该类负责创建自己的对象,同时确保只有单个对象 ...

  6. struts2的action是多例，servlet是单例

    struts2中action是多例的,即一个session产生一个action如果是单例的话,若出现两个用户都修改一个对象的属性值,则会因为用户修改时间不同,两个用户访问得到的 属性不一样,操作得出的 ...

  7. struts2，servlet和springmvc的单例多例问题

    struts2,servlet和springmvc的单例多例问题 原创 2017年06月12日 09:59:21 标签: struts2 / servlet / springmvc / 单例 / 多例 ...

  8. C# 单例模式和窗体的单例打开方法

    第一种最简单,但没有考虑线程安全,在多线程时可能会出问题,不过俺从没看过出错的现象,表鄙视我…… public class Singleton{    private static Singleton ...

  9. java23种设计模式之二: 单例设计模式(6种写法)

    目的:在某些业务场景中,我们需要某个类的实例对象的只能有一个,因此我们需要创建一些单例对象. 本文共有6种写法,仅供参考 1.饿汉式 优点: 在多线程情况下,该方法创建的单例是线程安全的(立即加载) ...

  10. JavaScript 设计模式之----单体（单例）模式

    设计模式之--单体(单例)模式 1.介绍 从本章开始,我们会逐步介绍在JavaScript里使用的各种设计模式实现,在这里我不会过多地介绍模式本身的理论,而只会关注实现.OK,正式开始. 在传统开发工 ...

随机推荐

  1. Python中的list,tuple,dict和set

    List list的创建与检索 Python内置的一种数据类型是列表:list.list是一种有序的集合,可以随时添加和删除其中的元素. 构造list非常简单,直接用 [ ] 把list的所有元素都括 ...

  2. 15 hbase 学习（十五）缓存机制以及可以利用SSD作为存储的BucketCache

    下面介绍Hbase的缓存机制:  a.HBase在读取时,会以Block为单位进行cache,用来提升读的性能 b.Block可以分类为DataBlock(默认大小64K,存储KV).BloomBlo ...

  3. java 自己定义异常，记录日志简单说明！留着以后真接复制

    log4j 相关配制说明:http://blog.csdn.net/liangrui1988/article/details/17435139 自己定义异常 package org.rui.Excep ...

  4. [Recompose] Compose Streams of React Props with Recompose’s compose and RxJS

    Functions created with mapPropsStream canned be composed together to build up powerful streams. Brin ...

  5. iOS xib View宽高不能改变

    IOS - xib(Interface Builder,view) - can't change view size(view不能改变大小问题) 今天在试着swift语言写个demo,,当中遇到了这个 ...

  6. HDU 4572 Bottles Arrangement

    具体的证明:点击打开链接 我的想法: 要想保证题目所说 构造最小行的和,仅仅能是这样的情况 .....      m-3  m-2  m-1  m    |   m  m-1  m-2  m-3   ...

  7. WireGuard 隧道的安装和使用，测试地址 ca.6tu.me

    WireGuard 端到端平等的网络隧道,测试地址 ca.6tu.me --------------------------------------------- 服务器:远程 Ubuntu18 , ...

  8. Runtime类中的freeMemory,totalMemory,maxMemory等几个方法

    最近在网上看到一些人讨论到Java.lang.Runtime类中的freeMemory(),totalMemory(),maxMemory ()这几个方法的一些题目,很多人感到很迷惑,为什么,在jav ...

  9. poj--1237--Drainage Ditches（最大流）

    Drainage Ditches Time Limit: 1000MS   Memory Limit: 10000KB   64bit IO Format: %I64d & %I64u Sub ...

  10. orm 通用方法——DeleteModel 主键删除

    定义代码: /** * 描述:删除对象 * 作者:Tianqi * 日期:2014-09-17 * param:model 对象实例,包含主键 * return:int 受影响行数 * return: ...