JS模組與命名空間的介紹

起因
將程式碼群組織到類中的一個重要原因是讓代碼更加“模組化”，可以在很多不同的情境中實現代碼的重用。但類不是唯一的模組化代碼的方式。

一般來講，模組是一個獨立的JS檔案。模組檔案可以包含一個類定義、一組相關類、一個實用函數庫或者一些待執行的代碼。

模組化的目標是支援大規模的程式開發，處理分散源中代碼的組裝，並且能讓代碼正確運行，哪怕包含了不需要的模組代碼，也可以正確執行代碼。

理想狀態下，所有模組都不應當定義超過一個全域標識。

模組函數
通過把模組定義在某個函數的內部來實現，定義的變數和函數都屬於該函數的局部變數，在函數外不可見。實際上，可以將這個函數範圍用做模組的命名空間（模組函數）

一旦將模組代碼封裝進一個函數中，就需要一些方法匯出公用API，以便在模組函數外部調用它們。下面有幾種方式匯出公用API：

首先建立一個命名空間

複製代碼 代碼如下:
// 建立一個全域變數用來存放與學校相關的模組
var school;                // 建立school命名空間
if(!school) school = {};

1. 利用建構函式

複製代碼 代碼如下:
// 返回Student建構函式來匯出公用API
school.Student = (function() {
    function Student() {

    }
    // ...... 定義Student的原型對象和私人屬性和方法 ........
    return Student;        // 返回Student構造方法匯出公用API
})();

2. 返回命名空間對象

如果模組API包括多個單元，則它可以返回命名空間對象

複製代碼 代碼如下:
// 為school添加students模組
school.students = (function() {
    // 這裡定義了很多類如課程類/成績類, 使用局部變數和函數
    function Subject() { /* ... */ }
    function Grade() { /* ... */ }

    // 通過返回命名空間對象將API匯出
    return {
        Subject: Subject,
        Grade: Grade
    };
})();

3. 通過關鍵字new調用

另外一種類似類似技術：把模組函數當做建構函式，通過new來調用。把它們（公用API）賦值給this屬性來將其匯出

複製代碼 代碼如下:
school.students = (new function() {
    // ..... 這裡省略了代碼 ......

    // 將API導到this對象中
    this.Subject = Subject;
    this.Grade = Grade;

    // 注意，這裡沒有傳回值
}());    // 括弧寫在裡面。這裡是建立新執行個體，new後面應緊跟建構函式的調用而不是運算式

4. 已定義命名空間對象

作為一種替代方案，如果已經定義了全域命名空間對象，通過模組函數可以直接設定那個對象的屬性。

複製代碼 代碼如下:
// 如果已經定義了命名空間對象
var school;                // 建立school命名空間
if(!school) school = {};
school.students = {};    // student命名空間已經定義
(function(students) {
    // ..... 這裡省略了代碼 ......

    // 將公用API導到上面定義的命名空間中
    students.Subject = Subject;
    students.Grade = Grade;
    // 這裡也不需要傳回值
})(school.students);

為此，匯出公用API的方式已經講完。