<!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. 紫书 例题 10-29 UVa 1642（最优连续子序列）

    这类求最优连续子序列的题一般是枚举右端点,然后根据题目要求更新左端点, 一般是nlogn,右端点枚举是n,左端点是logn 难点在于如何更新左端点 用一些例子试一下可以发现 每次加进一个新元素的时候 ...

  2. 【BZOJ 1047】[HAOI2007]理想的正方形

    [链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] 二维的ST表. 每个大的正方形可以由4个小的正方形组成. 然后区域内的最大值最小值.也可以由4个小的张方形部分全部覆盖到. [代码] ...

  3. 【JavaScript】分秒倒计时器

    一.基本目标 在JavaScript设计一个分秒倒计时器,一旦时间完毕使button变成不可点击状态 详细效果例如以下图.为了说明问题.调成每50毫秒也就是每0.05跳一次表, 真正使用的时候,把wi ...

  4. 五大最受欢迎的BUG管理系统

    Google在中国大陆遭遇变故做出临时性的退出大陆市场,也使非常多忠实的用户受到小小的挫折,以本公司为例.原本的BUG都是记录在google的 EXCEL在线文档中,由于常常性的打不开.測试和开发组在 ...

  5. 为什么用卷积滤波，而不是非常easy的在频率领域内进行数据的频率处理

    卷积.为了更好的"动态"滤波. 问题来了.为什么用卷积滤波.而不是非常easy的在频率领域内进行数据的频率处理? 为了强调我觉得的答案,已经用blog标题给出了.卷积.为了更好的& ...

  6. poj3169 差分约束系统

    题意: 从1到n,n个数,从左向右依次排列. 给定两种形式的约束条件: 1.xi与yi的最大距离为dk 2.xi与yi的最小距离为dk 问满足这些限定条件的情况下,数1和n的最大距离是多少?(若约束条 ...

  7. POJ - 3415 Common Substrings(后缀数组求长度不小于 k 的公共子串的个数+单调栈优化)

    Description A substring of a string T is defined as: T( i, k)= TiTi+1... Ti+k-1, 1≤ i≤ i+k-1≤| T|. G ...

  8. LVDS原理及设计指南

    LVDS是一种低摆幅的差分信号技术,它使得信号能在差分PCB 线对或平衡电缆上以 几百Mbps的速率传输,其低压幅和低电流驱动输出实现了低噪声和低功耗.       IEEE 在两个标准中对LVDS ...

  9. 自定义分页控件-基于Zhifeiya的分页控件改版

    基于Zhifeiya的分页控件改版的分页. html显示代码: <div class="pagelist"> {{.pagerHtml}} </div> c ...

  10. HDU 5444 Elven Postman 二叉排序树

    HDU 5444 题意:给你一棵树的先序遍历,中序遍历默认是1...n,然后q个查询,问根节点到该点的路径(题意挺难懂,还是我太傻逼) 思路:这他妈又是个大水题,可是我还是太傻逼.1000个点的树,居 ...