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

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

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 # 设计模式 # 模块模式 # Javascript模块模式分析 # Javascript的一种模块模式 # 深入理解JavaScript中的块级作用域、私有变量与模块模式 # JavaScript 设计模式安全沙箱模式 # javascript 模式设计之工厂模式学习心得 # JavaScript设计模式之观察者模式（发布者-订阅者模式） # JavaScript 设计模式之组合模式解析 # javascript设计模式之解释器模式详解 # 常用的Javascript设计模式小结 # JavaScript设计模式之工厂方法模式介绍 # JavaScript设计模式之单例模式实例 # JavaScript模块模式实例详解 # 自己的 # 是在 # 在这个 # 什么时候 # 对其 # 这个时候 # 它可以 # 并以 # 我们必须 # 还必须 # 创建一个 # 大家多多 # 就可以 # 为该 # 方法如下 # 这样的话 # 象中 # 全局变量 # 使用了 # return

返回目录在线咨询

上一篇：使用云指建站真的方便吗？深入探讨其操作复杂性问题
下一篇：C++中的虚析构函数有什么作用？（防止内存泄漏）

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

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

您的项目需求