核心要點(diǎn)

• 成員類型理解: 掌握J(rèn)avaScript中公共、私有、特權(quán)和保護(hù)成員的區(qū)別，它們分別為模塊內(nèi)的屬性和方法提供不同級別的訪問權(quán)限和安全性。
• 模塊模式變體: 了解基本模塊模式和揭示模塊模式之間的細(xì)微差別，後者提供一致的內(nèi)部編碼風(fēng)格和對公開內(nèi)容的靈活控制。
• 特權(quán)成員的使用: 利用特權(quán)成員通過公共方法安全地公開私有變量，允許受控訪問同時保持封裝性。
• 保護(hù)成員策略: 通過在受控範(fàn)圍內(nèi)臨時公開數(shù)據(jù)，然後恢復(fù)為私有數(shù)據(jù)，從而在多個模塊之間共享數(shù)據(jù)，而無需外部訪問，來實現(xiàn)JavaScript中的保護(hù)成員。
• 增強(qiáng)技術(shù): 探討諸如apply()之類的用於將附加模塊綁定到單個上下文中的方法，從而在保持模塊獨(dú)立性和可管理性的同時實現(xiàn)共享狀態(tài)和行為。

本文將闡述擴(kuò)展模塊設(shè)計模式的結(jié)構(gòu)和優(yōu)勢，該模式包括四種主要成員類型：

• 公共成員: 可從任何地方訪問的成員。
• 私有成員: 只能從對象內(nèi)部訪問的成員。
• 特權(quán)成員: 只能直接從對象內(nèi)部訪問的成員，但可以通過公共方法間接從外部訪問。
• 保護(hù)成員: 只能從對象內(nèi)部或其任何模塊內(nèi)部訪問的成員。

本文並非關(guān)於面向?qū)ο缶幊蹋驗槲覀儗?chuàng)建的結(jié)構(gòu)是一種單例模式，這是一種單實例結(jié)構(gòu)，不能實例化多次。事實上，它根本沒有實例化（從擁有構(gòu)造函數(shù)的角度來看），因此它是一種基於對象的模式，而不是面向?qū)ο蟮哪Ｊ健?有關(guān)基於對象和麵向?qū)ο缶幊讨g差異的更多信息，以及JavaScript中面向?qū)ο缶幊痰慕榻B，我建議您閱讀Ryan Frishberg的文章：JavaScript面向?qū)ο缶幊獭?

模塊化設(shè)計模式

這裡將使用揭示模塊模式作為基本設(shè)計模式，它是經(jīng)典模塊模式的一種變體，但具有更多控制權(quán)。儘管已經(jīng)有相當(dāng)多的文章描述了這些模式，但很少有文章真正解釋它們的工作原理，更少有文章具有如此完整的功能集！

基本模塊模式

經(jīng)典模塊模式將腳本的所有代碼包裝在一個匿名函數(shù)字面量中，該字面量在返回時被賦值給單個變量。函數(shù)字面量只是一個調(diào)用自身的函數(shù)，因此函數(shù)字面量的最終賦值不是函數(shù)，而是函數(shù)返回的任何值。舉一個簡單的例子，函數(shù)字面量包含一個計算，因此最終賦值給sum的值是該計算的結(jié)果：

var sum = (function() { return 6 * 7; })();

為了說明該語法的意思，以下是相同的代碼，抽象成一個命名函數(shù)：

function calculate() { return 6 * 7; }
var sum = (calculate)();

在這種情況下，我們實際上不需要在calculate周圍加上括號，但在使用匿名函數(shù)時需要這樣做，以便將其評估為單個表達(dá)式，而無需預(yù)先賦值。

公共和私有成員

因此，在函數(shù)字面量中，我們可以放入任何其他代碼——例如變量、屬性和函數(shù)——並且用於定義內(nèi)部數(shù)據(jù)的不同類型的語法決定了公共成員和私有成員之間的劃分。這是一個例子：

var MyModule = (function() {
  var myPrivateData = 303;
  function myPrivateFunction() {
    alert('private');
  }
  return {
    myPublicData : 42,
    myPublicFunction : function() {
      alert('public');
    }
  };
})();

由於我們返回了一個屬性對象，並且該對像被賦值給MyModule，因此可以從對像外部訪問這些屬性，例如MyModule.myPublicData和MyModule.myPublicFunction。但是我們根本無法訪問myPrivateData或myPrivateFunction，因為變量只能在其原始作用域內(nèi)訪問。變量的作用域是定義它的上下文，由var語句確定。在這個例子中，私有變量的作用域是MyModule對象，因此只能從該對象內(nèi)部訪問它們。

揭示模塊模式

使用模塊模式，我們使用了兩種不同的語法來創(chuàng)建公共成員和私有成員之間的區(qū)別。揭示模塊模式是該模式的一種變體，它允許我們對所有內(nèi)部構(gòu)造使用相同的語法，只在最後推遲到對象字面量表示法，以返回（或揭示）公共成員。讓我們再次看看那個對象，但這次使用揭示模塊模式：

var MyModule = (function() {
  var myPrivateData = 303;
  function myPrivateFunction() {
    alert('private');
  }
  var myPublicData = 42;
  function myPublicFunction() {
    alert('public');
  }
  return {
    myPublicData : myPublicData,
    myPublicFunction : myPublicFunction
  };
})();

公共成員和私有成員之間的劃分仍然相同，但這次不是由用於定義這些成員的原始語法實現(xiàn)的，而是簡單地由返回的內(nèi)容實現(xiàn)。這使得揭示模塊模式成為一個有用的變體，因為它允許使用內(nèi)部一致的編碼風(fēng)格。這也意味著您可以更改返回時公共成員的名稱，甚至可以隨時更改哪些成員將是公共成員。 這種模式是由Christian Heilmann創(chuàng)新的，他在他的文章中對這種模式及其基礎(chǔ)的模塊模式進(jìn)行了很好的解釋：再次使用模塊模式——向世界揭示一些東西。

(以下內(nèi)容由於篇幅過長，將分段輸出)

以上是JavaScript中的模塊化設(shè)計模式的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！