资讯专栏INFORMATION COLUMN

设计模式——单例模式

Cheng_Gang / 3222人阅读

摘要:单例模式示例描述单例模式的思想在于保证一个特定类仅有一个实例这意味着第二次创建一个新对象时应该得到于与第一次创建的对象相同单例的实现逻辑用一个变量来标志是否创建过对象如果是则在下次直接返回这个已经创建好的对象案例假设有一个需求是点击登录需要

单例模式 示例 描述

单例模式的思想在于保证一个特定类仅有一个实例, 这意味着第二次创建一个新对象时, 应该得到于与第一次创建的对象相同

单例的实现逻辑: 用一个变量来标志是否创建过对象, 如果是, 则在下次直接返回这个已经创建好的对象.

    var obj;
    if(!obj) {
        obj = xxx;
    }
    return obj;
案例

假设有一个需求是点击登录需要弹出一个登录框. 这个登录窗在页面里总是唯一的, 不可能同时存在两个登录窗口的情况

实现
var createLoginLayer = (function() {
    var div;
    return function() {

        if(!div) {
            div = document.createElement("div");
            div.innerHTML = "登录窗";
            div.style.display = "none";
            document.body.appendChild( div );
        }

        return div;
    }
})();
通用的惰性单例
var getSingle = function(fn) {
    var result;
    return function() {
        return result || (result = fn.apply(this, arguments));
    }
};

上面使用一个变量result来保存fn的计算结果. result变量因为身在闭包中, 它永远不会被销毁. 在将来的请求中, 如果result已经赋值, 那么它将返回这个值.

完善需求案例
var createLoginLayer = function() {
    var div = document.createElement("div");
    div.innerHTML = "登录窗";
    div.style.display = "none";
    document.body.appendChild( div );
    return div;
};

var createSingleLoginLayer = getSingle( createLoginLayer );

document.getElementById("loginBtn").onclick = function() {
    var loginLayer = createSingleLoginLayer();
    loginLayer.style.display = "block";
};

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/80177.html

相关文章

  • Android中的设计模式单例模式

    摘要:总结单例是运用频率很高的模式,因为客户端没有高并发的情况,选择哪种方式并不会有太大的影响,出于效率考虑,推荐使用和静态内部类实现单例模式。 单例模式介绍 单例模式是应用最广的模式之一,也可能是很多人唯一会使用的设计模式。在应用单例模式时,单例对象的类必须保证只用一个实例存在。许多时候整个系统只需要一个全局对象,这样有利于我么能协调整个系统整体的行为。 单例模式的使用场景 确保某个类有且...

    yzd 评论0 收藏0
  • JavaScript设计模式----单例模式

    摘要:不符合设计模式中的单一职责的概念。引入代理实现单例模式引入代理实现单例模式的特点我们负责管理单例的逻辑移到了代理类中。的单例模式对比在以上的代码中实现的单例模式都混入了传统面向对象语言的特点。 声明:这个系列为阅读《JavaScript设计模式与开发实践》 ----曾探@著一书的读书笔记 1.单例模式的特点和定义 保证一个类仅有一个实例,并且提供一个访问它的全局访问点。 2.传统面向对...

    selfimpr 评论0 收藏0
  • JavaScript设计模式-第一部分:单例模式、组合模式和外观模式

    摘要:但是,这并不是采用单例的唯一原因。使用命名空间单例模式也被称为模块设计模式。函数内部声明了一些局部函数和或变量。紧随函数声明放置即可立即执行外部函数,并将所得的对象文字费赔给变量。 JavaScript设计模式-第一部分:单例模式、组合模式和外观模式 设计模式是一些可靠的编程方式,有助于保证代码更加易于维护、扩展及分离,所有设计模式在创建大型JavaScript应用程序时均不可或缺 单...

    betacat 评论0 收藏0
  • Java设计模式-单例模式(Singleton Pattern)

    摘要:如果需要防范这种攻击,请修改构造函数,使其在被要求创建第二个实例时抛出异常。单例模式与单一职责原则有冲突。源码地址参考文献设计模式之禅 定义 单例模式是一个比较简单的模式,其定义如下: 保证一个类仅有一个实例,并提供一个访问它的全局访问点。 或者 Ensure a class has only one instance, and provide a global point of ac...

    k00baa 评论0 收藏0
  • Java 设计模式单例模式

    摘要:在设计模式一书中,将单例模式称作单件模式。通过关键字,来保证不会同时有两个线程进入该方法的实例对象改善多线程问题为了符合大多数程序,很明显地,我们需要确保单例模式能在多线程的情况下正常工作。 在《Head First 设计模式》一书中,将单例模式称作单件模式。这里为了适应大环境,把它称之为大家更熟悉的单例模式。 一、了解单例模式 1.1 什么是单例模式 单例模式确保一个类只有一个实例,...

    everfight 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<