<!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. 01-JS起步

    01-JS起步

  2. ArcGIS 空间查询

    public static bool QueryMessPoint(IActiveView activeView, IFeatureClass featureClass, string whereCl ...

  3. Css 选择器总结

    选择器 .class 类对应的元素. #id 对应的id元素. * 全部元素 div{} 对应的标签 div,p{} 全部的div和p div p{} div下全部的p标签 div>p{} di ...

  4. Raphaeljs入门到精通（一）

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <t ...

  5. 仿小米简约Calculator

    上个星期的时候,我想教我朋友做一个简单的app.想来想去教什么比較好.当时看见小米的计算器认为比較美丽,就想这个简单.然后就開始动手做了.我以为能够一个小时能够搞定.没想到花了快一天的时间. 哎.突然 ...

  6. 简单日志LogHelper

    public static class LogHelper { //日志存储路径 private static string LogPath = Path.Combine(AppDomain.Curr ...

  7. 初识activiti

    Activity工作流学习要点 1. 1个插件 在Eclipse中安装Activity插件,让你可以在Eclipse中绘制Activity工作流图 2. 1个引擎 ProcessEngine对象,Ac ...

  8. 创建带有IN类型参数的存储过程（四十八）

    创建带有IN类型参数的存储过程 我们经常要从数据表中删除记录,一般情况我们删除记录都是根据id来删除的,比如我们通常要输入DELETE FROM 表名 WHERE 后面跟上我们的条件,因为我们要经常写 ...

  9. Python(四) 分支、循环、条件与枚举

    一.什么是表达式 表达式(Expression)是运算符(operator)和操作数(operand)所构成的序列 二.表达式的优先级 三.表达式优先级练习 优先级同级 从左往右计算 1 or 2 a ...

  10. useradd

    功能说明:useradd命令可用于创建新的用户或者更改用户的信息. 语法格式:useradd [选项] [用户名]useradd -D [选项] 选项说明:1.使用useradd常规添加用户工作原理流 ...