<!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. Qt之图形（绘制文本）

    简述 前面我们讲解了Qt图形的基本绘制,其中包括: 绘制文本.直线.直线.矩形.弧线.椭圆.多边形.图片,以及其它一些高级用法,比如:渐变.转换等. 本节我们来详细讲解文字的绘制.主要通过QPaint ...

  2. ADL & 实参相依的查找 & 成员与非成员的查找

    也就是会根据实参,所处在的名字空间,来查找对应名字空间里面的函数. 对于<<也是常见的场景,会根据实际要打印出来的下一个操作数,来决定调用哪个命名空间里面的函数. 注意,不同命名空间里面的 ...

  3. 一个美丽的java烟花程序

    <img src="http://img.blog.csdn.net/20150625104525974?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi ...

  4. [2012山东省第三届ACM大学生程序设计竞赛]——Mine Number

    Mine Number 题目:http://acm.sdut.edu.cn/sdutoj/problem.php? action=showproblem&problemid=2410 Time ...

  5. 关键字&标识符

    关键字:被Java语言赋予了特殊含义,用做专门用途的字符串(单词) 保留字: 标识符:凡是自己可以起名字的地方都叫标识符 命名的规则:(一定要遵守,不遵守就会报编译的错误)由26个英文字母大小写,0- ...

  6. Assembly.Load 详解（c#）

    我们在使用C# 语言的Assembly.Load 来加载托管程序集并使用反射功能时,一般需要先通过Assembly.Load(), Assembly.LoadFrom() 等方法将目标托管程序集加载到 ...

  7. C# Aspose.Cells 使用汇总

    Workbook workbook = new Workbook(); //工作簿 Worksheet sheet = workbook.Worksheets[0]; //工作表 Cells cell ...

  8. 如何在Ubuntu14.04中创建Python虚拟环境

    在Ubuntu14.04中安装Python相对比较容易些,最简单的安装方法就是apt-get安装了,具体的教程可以戳这篇文章:在Ubuntu14.04中如何安装Python3和切换py2和py3环境. ...

  9. javaWeb自己定义可排序过滤器注解,解决Servlet3.0下@WebFilter注解无法排序问题

    com.lwl.anno 凝视类型 @WebFilterSort 须要用的jar包 http://download.csdn.net/detail/u013202238/9431110 用该注解注冊的 ...

  10. 关于bootstrap IE8的兼容性问题

    非常久没有写技术类的文章了.这几天在用bootstrap来做我们站点的UI框架,感觉还是不错的.只是遇到一点不大不小的问题,那就是有朋友在IE8下訪问我们的站点.界面变成了跟手机浏览一样的界面. 后来 ...