美文网首页
JS设计模式之单例模式

JS设计模式之单例模式

作者: RomainLiu | 来源:发表于2017-06-26 16:15 被阅读83次

    单例模式应该是最简单的一种设计模式,但是面试官提到的时候,还是不能准确的回答出来,原因还是概念不清晰。

    关键词:对象,唯一接口

    依然从下面这几个问题入手:

    1、它的定义
    2、它的出现解决了什么问题
    3、怎么用,应用场景
    4、优缺点或者局限性

    单例模式的本质:

    把描述同一事物(同一个对象)的属性和方法放在一个内存空间下,起到了分组的作用,这样不同事物之间的属性即使属性名相同,相互也不会冲突。这种分组编写代码的模式叫做“单例模式”。

    首先,它是一个对象;其次,为全局空间提供了唯一的访问点来访问该对象

    怎么用

    下面是一个最简单的例子:

    var a={
        b:function () {
        },
        c:function () {
           this.b();
        }
    }
    

    模块间互相调用,可以使用对象名.属性名来调用。
    模块内部互相调用,使用this.xxx,使用this的好处是,在代码合并时,如果对象名a和别人的代码出现冲突,只需要更改对象名就行了,this永远指向这个对象名。

    稍微复杂点的:

    var model1=(function () {
        function b() {
            console.log(1);
        }
        function c() {
            console.log(2);
        }
        return{
            init:function () {
                b();
                c();
            }
        }
    }())
    model1.init();
    var model2=(function () {
        function b() {
            console.log(1);
        }
        function c() {
            console.log(2);
        }
        return{
            init:function () {
                b();
                c();
                model1.init();
            }
        }  
    }());
    model2.init();
    

    老司机看到这种代码,估计会呵呵了。

    万变不离其宗,它依然是一个对象,提供了唯一的访问接口

    这是开发过程中最常用的一种开发模式

    优缺点:

    优点:

    代码直观,如果出错,很容易能找到。

    缺点:

    扩展性不好,对一个单例中的方法重写,会破坏原有的需求。a.c=function(){console.log(100)},这样结果就完全变了。

    灵活性不好,当某个需要该功能的需求变动时,而其他的又不变动,那么单例模式就不好处理了。

    不同的对象下,会有很多功能相同的代码,最终造成大量冗余的代码。

    相关文章

      网友评论

          本文标题:JS设计模式之单例模式

          本文链接:https://www.haomeiwen.com/subject/gvlrcxtx.html