前端 模塊化 開發規範

1.概述

傳統開發模式的常常會面臨一些問題，如命名衝突、文件依賴等，所以須要 經過模塊化 解決上述問題。

模塊化： 就是把單獨的一個功能封裝到一個模塊中，模塊之間相互隔離，可是能夠經過經過特定接口公開內部成員，也能夠依賴別的模塊。
好處： 方便了代碼的重用，從而提成了開發效率，而且方便後期維護。

2.瀏覽器端模塊化規範

AMD 典型表明有 Require.js
CMD 典型表明有 Sea.js

3.服務器端模塊化規範

CommonJS

1. 模塊分爲 單文件 模塊 與 包
2. 模塊成員導出：module.exports 和 exports
3. 模塊成員導入：require('模塊標識符')

4.ES6模塊化

前提： 在 ES6 模塊化規範誕生以前，Javascript 社區雖嘗試提出 AMD、CMD、和 CommonJS 等模塊化規範，可是因爲自身存在必定的差別性與侷限性，並非瀏覽器和服務端通用的模塊化標準，例如：

• AMD 和 CMD 只適用於瀏覽器端的 Javascript 模塊化
• CommonJS 只適用於服務端 Javascript 模塊化

所以定義了 ES6 模塊化規範，是瀏覽器端和服務端通用的模塊化開發規範。

ES6模塊化規範定義：

1. 每個 JS 文件都是一個獨立的模塊
2. 導入模塊成員 使用 import 關鍵字
3. 暴露模塊成員 使用 export 關鍵字