JavaScript的模塊化一直是一個非常重要的話題。在過去，JavaScript編寫單頁應用程序時，都需要使用大量的global objeces和命名空間，這造成了很多問題。無論是命名沖突，還是命名混淆，都給代碼的維護和可讀性帶來了極大的困難。

在ES6標準中引入了import和export兩個關鍵字，這使得JavaScript可以像其他編程語言一樣，實現模塊化。而在ES6之前，我們可以采用CommonJS和AMD這樣的標準，使用npm和RequireJS庫來集成JavaScript代碼，實現代碼的模塊化和管理。

// ES6 import關鍵字示例
import { a, b } from './example.js';
import * as example from './example.js';
import example from './example.js';

ES6的import關鍵字可以聲明導入，使用別名（aliasing）來重命名導出，或者整體不命名導入。在這個例子中，我們將example.js模塊中的a和b導入了，將example.js整體導入到example中，或者將example.js導入到example對象中。

// CommonJS require函數示例
var example = require('./example.js');

CommonJS有一個核心內置函數-require，它從文件系統中同步按路徑加載模塊。通常我們可以使用npm安裝和使用第三方模塊，使用require將它們引入到我們的代碼中。

// AMD RequireJS示例
require(['./example'], function(example) {
// 具體實現的代碼
});

AMD是異步模塊定義，通過使用RequireJS加載代碼，并使用回調函數來執行我們的代碼。當模塊加載完成后，我們可以使用回調函數中的模塊來實現代碼邏輯。

總之，這幾種模塊加載的方式是可以互換的，并不是你需要一種就只能選擇一種。JavaScript模塊化的選擇可以根據項目的需求和標準來進行選擇。無論采用哪種JS模塊化方式，它們都具有分離代碼、解決命名沖突以及管理代碼的實用性。能夠更高效地開發和維護大型或復雜的單頁應用程序。