• JavaScript设计模式:单例模式


    单例模式:

    单例模式(singleton)的宗旨在于产生一个类的唯一实例,适合在多个地方使用同一个实例的场景。
    JavaScript并没有类,实现单例模式的套路一般都是创建唯一的可复用的对象。比如创建一个可复用的弹出框,复用的遮罩层等。

    创建可复用的实例,最简单的方式就是直接创建一个全局实例对象,然后复用这个全局实例对象即可。

    例如:

    var modal = createModal();
    function createModal() {
    	return modal;
    }
    

    这种方式会有一定的副作用,定义了全局的modal变量,在多人协作的情况下,可能会发生不可预料的问题。在大型应用中,一个实例可能会被多个模块使用到,使用这种方式显然是不够深思熟虑的。

    于是单例模式就出现了,按照我的理解,单例模式就是一个会自行检查实例是否已经创建的方法,如果未创建则创建,如果已经被创建则复用这个实例。也就是是一种保证生成一个唯一的可复用的实例对象的套路而已。

    var createModal = (function() {
    	var modal;
    	return function() {
    		return modal || ( modal = new Modal() );
    	};
    })();
    

    到此算是满足了单例模式的基本要求了。
    JavaScript是函数式编程语言,可以把函数作为参数,这样我们还可以进一步封装一个单例模式的容器:

    var singleton = function(fn) {
    	var result;
    	return function() {
    		return result || (result = fn.apply(this, arguments));
    	}
    }
    
    var createModal = singleton(function() {
    	return new Modal();
    });
    

    单例模式算是比较常见的,在很多情况下都可以使用到。

  • 相关阅读:
    King's Quest
    JavaScript“并非”一切皆对象
    javascript中的style只能取到在HTML中定义的css属性
    jquery中的$(this)和this
    WEB安全字体(Web Safe Fonts)-网页设计用什么字体兼容性好?
    css各种水平垂直居中
    css绘制各种形状
    css3椭圆运动
    通过时间戳控制类
    js中的面向对象程序设计
  • 原文地址:https://www.cnblogs.com/hwencc/p/5371911.html
Copyright © 2020-2023  润新知