javascript设计模式之模块模式学习笔记

前端之家收集整理的这篇文章主要介绍了javascript设计模式之模块模式学习笔记前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

}
};

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

函数 function privateFunc(){ // 实现自己的业务逻辑代码 } // 返回一个对象包含公有方法属性 return { publicMethod1: publicMethod1,publicMethod2: publicMethod1 }; })();

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

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

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

理解增强的模块模式

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

函数 function A(){};

// 实例化一个对象后,返回该实例,然后为该实例增加一些公有属性方法
var object = new CustomType();

// 添加公有属性
object.A = "aa";
// 添加公有方法
object.B = function(){
return privateA;
}
// 返回该对象
return object;
})();

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

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/js/41649.html

猜你在找的JavaScript相关文章