ES5 跟 ES6 在模組規範上，採取不同的模式。

CommonJS (CJS)

• CJS 是採同步的，CJS 規範是為了在瀏覽器環境之外構建 JavaScript 生態系統，為此目標而產生的規範，例如後端環境 (nodejs)。
• http://wiki.commonjs.org/wiki/CommonJS

宣告模組

function greeting(name) {
  return `Hi, ${name}`
}

module.exports = greeting

使用模組

const greeting = require('./greeting')
console.log(greeting('ALin'))

• 優點：簡單容易使用
• 缺點：同步的模塊加載方式不適合在瀏覽器環境中

誰在使用它

• Browserify：瀏覽器端的 CommonJS 實現，可以使用 NPM 的模塊，但是編譯打包後的文件體積可能很大

AMD

• 全名是 Asynchronous Module Definition
• AMD 是為瀏覽器環境設計的，使用異步的方式加載模塊，有利於前端。
• AMD 不管 state 是什麼狀態始終加載模塊
• https://github.com/amdjs/amdjs-api
• https://github.com/amdjs/amdjs-api/wiki/AMD

宣告模組

define('myModule', ['jquery'], function($) {
  $('body').text('hello world')
})

使用模組

require(['myModule'], function(myModule) {})

誰在使用它

• RequireJS：用於前端的模組管理工具

CMD

• CMD 同樣也是異步加載模塊的規範，CMD 在 seajs 中推行使用，與 AMD 不同的是對依賴加載的順序不一樣
• CMD 會根據 state 狀態來選擇性加載
• https://github.com/cmdjs/specification/blob/master/draft/module.md
• https://github.com/seajs/seajs/issues/242

優點

• 依賴就近，延遲執行
• 可以很容易在 Node.js 中運行

誰在使用它

• Sea.js

AMD vs CMD

• 對於依賴的模塊，AMD 是提前執行，CMD 是延遲執行。不過 RequireJS 從 2.0 開始，也可支援延遲執行。
• CMD 推崇 as lazy as possible.CMD 推崇依賴就近，AMD 推崇依賴前置

UMD

• UMD 提供兼容 CommonJS 和 AMD 的語法糖，又稱混合模式，規範的目的是解決跨平台的使用情境。
• https://github.com/umdjs/umd