美文网首页
JS设计模式之模块模式

JS设计模式之模块模式

作者: JSUED | 来源:发表于2017-08-24 22:51 被阅读7次

    我们通过单体模式理解了是以对象字面量的方式来创建单体模式的;比如如下的对象字面量的方式代码如下:

    var singleMode = {
        name: value,
        method: function(){
                    
        }
    };
    

    模块模式的思路是为单体模式添加私有变量和私有方法能够减少全局变量的使用;如下就是一个模块模式的代码结构:

    var singleMode = (function(){
        // 创建私有变量
        var privateNum = 112;
        // 创建私有函数
        function privateFunc(){
            // 实现自己的业务逻辑代码
        }
        // 返回一个对象包含公有方法和属性
        return {
            publicMethod1: publicMethod1,
            publicMethod2: publicMethod1
        };
    })();
    

    模块模式使用了一个返回对象的匿名函数。在这个匿名函数内部,先定义了私有变量和函数,供内部函数使用,然后将一个对象字面量作为函数的值返回,返回的对象字面量中只包含可以公开的属性和方法。这样的话,可以提供外部使用该方法;由于该返回对象中的公有方法是在匿名函数内部定义的,因此它可以访问内部的私有变量和函数。

    我们什么时候使用模块模式?

    如果我们必须创建一个对象并以某些数据进行初始化,同时还要公开一些能够访问这些私有数据的方法,那么我们这个时候就可以使用模块模式了。

    理解增强的模块模式

    增强的模块模式的使用场合是:适合那些单列必须是某种类型的实例,同时还必须添加某些属性或方法对其加以增强的情况。比如如下代码:

    function CustomType() {
        this.name = "tugenhua";
    };
    CustomType.prototype.getName = function(){
        return this.name;
    }
    var application = (function(){
        // 定义私有
        var privateA = "aa";
        // 定义私有函数
        function A(){};
    
        // 实例化一个对象后,返回该实例,然后为该实例增加一些公有属性和方法
        var object = new CustomType();
    
        // 添加公有属性
        object.A = "aa";
        // 添加公有方法
        object.B = function(){
            return privateA;
        }
        // 返回该对象
        return object;
    })();
    

    下面我们来打印下application该对象;如下:

    console.log(application);
    

    继续打印该公有属性和方法如下:

    console.log(application.A);// aa
    
    console.log(application.B()); // aa
    
    console.log(application.name); // tugenhua
    
    console.log(application.getName());// tugenhua
    

    相关文章

      网友评论

          本文标题:JS设计模式之模块模式

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