快捷導(dǎo)航

javascript設(shè)計(jì)模式之模塊模式學(xué)習(xí)筆記

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

這篇文章主要為大家詳細(xì)介紹了javascript設(shè)計(jì)模式之模塊模式學(xué)習(xí)筆記，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

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

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

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

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

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

我們什么時(shí)候使用模塊模式？

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

理解增強(qiáng)的模塊模式

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

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

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

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

下面我們來打印下application該對(duì)象；如下：

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)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: