隨著JavaScript的發展，越來越多的開發人員開始認識到模塊化開發的重要性。JavaScript模塊化的目的是為了實現代碼的可復用性，降低代碼耦合度。因此，在JavaScript開發中，模塊化也越來越被廣泛使用。

JavaScript模塊化主要分為兩大類：傳統模塊化和AMD規范。

傳統模塊化：在JavaScript早期，模塊化的方法是通過在腳本中定義全局變量，然后在不同的腳本中直接使用這些全局變量。這種方法缺點明顯，就是代碼間的耦合度非常高，不能很好地實現代碼的可維護性和可重用性。

//創建全局變量
var globalVariable = {
method1: function () {
console.log('method1');
},
method2: function () {
console.log('method2');
}
};

AMD規范：AMD是一種異步模塊定義標準，其核心是define函數，利用define函數定義模塊。在使用AMD規范時，可以異步加載模塊，這樣可以在頁面加載時就減少了資源的請求，提高了頁面加載速度。

//定義模塊
define('module', ['dependency'], function (dependency) {
return {
method1: function () {
console.log('method1');
},
method2: function () {
console.log('method2');
}
};
});

除了AMD規范外，還有另一種規范CommonJS，它是一種同步的模塊規范。CommonJS的模塊加載方式是同步的，也就是說，在加載模塊時阻塞了代碼的執行。一個模塊在加載完成后，才能執行模塊的代碼邏輯。

CommonJS規范的模塊封裝，一般使用module.exports導出模塊。下面是一個例子。

//定義模塊
var dependency = require('dependency');
var module = {
method1: function () {
console.log('method1');
},
method2: function () {
console.log('method2');
}
};
module.exports = module;

除了傳統模塊化和AMD規范，ES6也提供了一種模塊化規范。在ES6中，使用關鍵字export和import來實現模塊化開發。

//定義模塊
export const module = {
method1: function () {
console.log('method1');
},
method2: function () {
console.log('method2');
}
};
//引入模塊
import { module } from 'module';

JavaScript模塊化的發展為我們開發者提供了更多的選擇和更好的體驗。不同的模塊化規范和方法，適用于不同的場景，開發者可以根據需求選擇合適的模塊化方式。