javascript設計模式之模塊模式學習筆記

更新時間：2017年02月15日 11:44:45 作者：灰太狼-銅豌豆

這篇文章主要為大家詳細介紹了javascript設計模式之模塊模式學習筆記，具有一定的參考價值，感興趣的小伙伴們可以參考一下

我們通過單體模式理解了是以對象字面量的方式來創(chuàng)建單體模式的；比如如下的對象字面量的方式代碼如下：

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

模塊模式的思路是為單體模式添加私有變量和私有方法能夠減少全局變量的使用；如下就是一個模塊模式的代碼結(jié)構：

var singleMode = (function(){
  // 創(chuàng)建私有變量
  var privateNum = 112;
  // 創(chuàng)建私有函數(shù)
  function privateFunc(){
    // 實現(xiàn)自己的業(yè)務邏輯代碼
  }
  // 返回一個對象包含公有方法和屬性
  return {
    publicMethod1: publicMethod1,
    publicMethod2: publicMethod1
  };
})();

模塊模式使用了一個返回對象的匿名函數(shù)。在這個匿名函數(shù)內(nèi)部，先定義了私有變量和函數(shù)，供內(nèi)部函數(shù)使用，然后將一個對象字面量作為函數(shù)的值返回，返回的對象字面量中只包含可以公開的屬性和方法。這樣的話，可以提供外部使用該方法；由于該返回對象中的公有方法是在匿名函數(shù)內(nèi)部定義的，因此它可以訪問內(nèi)部的私有變量和函數(shù)。

我們什么時候使用模塊模式？

如果我們必須創(chuàng)建一個對象并以某些數(shù)據(jù)進行初始化，同時還要公開一些能夠訪問這些私有數(shù)據(jù)的方法，那么我們這個時候就可以使用模塊模式了。

理解增強的模塊模式

增強的模塊模式的使用場合是：適合那些單列必須是某種類型的實例，同時還必須添加某些屬性或方法對其加以增強的情況。比如如下代碼：

function CustomType() {
  this.name = "tugenhua";
};
CustomType.prototype.getName = function(){
  return this.name;
}
var application = (function(){
  // 定義私有
  var privateA = "aa";
  // 定義私有函數(shù)
  function A(){};

  // 實例化一個對象后，返回該實例，然后為該實例增加一些公有屬性和方法
  var object = new CustomType();

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

下面我們來打印下application該對象；如下：

console.log(application);

繼續(xù)打印該公有屬性和方法如下：

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

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: