JS模組化 了解

之前有的

命名空間,commonjs,amd/cmd/umd,es6 module

1.什麼是命名空間

庫名.類別名.方法名

弊端:在命名空間重複生命,要記住完整的路徑名(而且很長)

var namespace ={}

namespace.type = namespace.type ||{} //已經定義了就是它自己,沒有定義就賦值乙個空物件給它,避免命名空間覆蓋的問題
namespace.type.method = function
() {}

乙個檔案為乙個模組

通過module.exports暴露模組介面

通過require引入模組

同步執行

3.amd(async module definition)----非同步模組定義

使用define方法定義模組

使用require載入模組

requirejs

依賴前置,提前執行

乙個檔案乙個模組

使用define來定義乙個模組

使用require來載入乙個模組

sea js

盡可能懶執行

5.umd(universal module definition)-----通用模組定義

通用解決方案

三個步驟

判斷是否支援amd

判斷是否知此恨commonjs 

如果都沒有就定義為全域性變數

乙個檔案乙個模組

簡單了解模組化

webpack是什麼？webpack打包工具，可以把很多js檔案，css檔案把包成乙個js檔案。為什麼使用webpack？沒有模組化的缺點 1.定義變數的問題，可讀性很差 2.每個功能函式都有聯絡，耦合度高，不利於修改 維護成本高 3.協作開發的問題，沒有打包工具就會出現很多問題 傳統的寫法 我們引...

JS模組化開發

模組化開發有點像分工合作，比方說乙個手機，它是由一系列的功能模組組合在一起的，比如攝像頭，螢幕，cpu，作業系統，而每個功能模組可能是由不同公司生產的，比如從a公司買的處理器，b公司做的攝像頭，c公司加工的螢幕。網頁也是這樣，當 量越來越大，功能越來越複雜的時候，我們就很難乙個 中完成所有的工作，所...

js 模組化補充

補充 除了第一種的套路，還可以這樣使用第二種。都是用來自執行函式的。第二種的好處是，還可以返回乙個true。常用 function 小技巧 如果不加上！會報錯，加上之後還能返回true呢。但由於衡返回true。所以只有某些函式是只執行，不在於返回結果的可以用這種。function 相容套路1 適用於...