模塊化概念
模塊化是指將一個復雜問題，自頂向下逐層把系統劃分為若干模塊的程序，對于整個系統來說，這些模塊可組合，分解和更換的單元，對于編程領域的模塊化就是遵守固定的原則，將一個大檔案拆分成多個獨立且相互依賴的小模塊，簡單理解模塊化就是在一個js檔案中能夠引入另一個js檔案，
模塊化的由來
在2015年以前其他編程語言都支持模塊化，但在js中還不支持，需要將多個js檔案放在同一個html檔案中，所以這樣代碼的復用性也不高也不好維護，同時還會造成變數污染
在2015年之后新語法ES6的出現，雖然在語法層面支持了模塊化，但是瀏覽器不支持，因此我們需要：
-
先用開發工具（webpack）搭建一個支持模塊化的環境
-
在這個環境中寫模塊化的代碼
-
用工具打包代碼，然后在瀏覽器中運行
而nodejs環境中支持模塊化，node每一個檔案都是一個自定義模塊每個模塊都有自己的作用域，且瀏覽器和nodejs都是提供js的運行環境，
模塊化的好處
- 提高了代碼的復用性
- 提高了代碼的可維護性
- 可以實作按需加載
- 防止變數污染
模塊規范
- CommonJS 規范：nodejs中遵守的就是commonjs規范，
- ES6 模塊化規范：（前后端通用的模塊化規范；Node.js、Vue、React 中都能使用！）
- CMD 和 AMD 模塊化規范（較少使用）: CMD--sea.js, AMD-require.js
-
UMD 叫做通用模塊定義規范（Universal Module Definition），它可以通過運行時或者編譯時讓同一個代碼模塊在使用 CommonJs、CMD 甚至是 AMD 的專案中運行，它沒有自己專有的規范，是集結了 CommonJs、CMD、AMD 的規范于一身，
模塊規范的好處：就是大家都遵守同樣的模塊化規范寫代碼，這樣就降低了溝通成本，極大的方便了各個模塊之間的相互呼叫，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/305992.html
標籤：其他
上一篇：前端作業-圖片輪播
下一篇：對于模塊化簡單介紹