? ? ? ?模塊化是指在解決某一個復(fù)雜問題或者一系列雜糅問題時，依照一種分類的思維把問題進行系統(tǒng)性的分解以之處理。模塊化是一種處理復(fù)雜系統(tǒng)分解為代碼結(jié)構(gòu)更合理，可維護性更高的可管理的模塊方式。現(xiàn)在說一下重點的模塊化規(guī)范CommonJS、AMD、CMD。
? ? ? AMD，異步模塊定義，講究將依賴前置提前執(zhí)行，必須先把依賴寫在前面，所有的模塊都將被異步加載，并且加載時不影響語句的執(zhí)行，所有依賴某些模塊的語句放在回調(diào)函數(shù)中執(zhí)行。表現(xiàn)形式define(id?,dependencies?,factory)，id為字符串類型，標示這個模塊，可選參數(shù)，若不存在默認定義為再加載器中被請求腳本的標示，若存在必須為頂層或絕對標示；dependences當前模塊依賴的已被模塊定義的模塊標示的數(shù)組字面量；factory一個需要進行實例化的函數(shù)或者對象。具體規(guī)范：https://github.com/amdjs/amdjs-api/wiki/AMD。AMD規(guī)范中對requireJS依賴嚴重，然后AMD對require分為局部require需要在依賴里注明的那種和全局require就是在外面放個require。requireJS：http://www.requirejs.org/docs/api.html。
? ? CMD與AMD不同，CMD講究依賴就近延遲執(zhí)行，用到的時候再require，并且一個模塊就是一個文件。表現(xiàn)形式：define(id?,dependence?,factory)，全局函數(shù)define定義模塊，factory可以是函數(shù)、對象或者字符串，當factory是對象和字符串的時候標示模塊的接口就是對象、字符串，當factory是函數(shù)的時候，表示函數(shù)的構(gòu)造方法，執(zhí)行就能得到模塊向外提供的接口。而且依賴的模塊和fanctory函數(shù)之間沒什么關(guān)聯(lián)，factory的參數(shù)require加載依賴的模塊，exports提供向外的接口，module第三個參數(shù)作為一個對象表現(xiàn)關(guān)聯(lián)的屬性和方法。CMD規(guī)范：https://github.com/seajs/seajs/issues/242。還有SeaJS：https://github.com/seajs/seajs/issues/266。
? ? ?CommonJS，require模塊引用；exports對象用于導(dǎo)出當前的對象和變量，唯一導(dǎo)出口；module對象就代表模塊本身。Node好像是對CommonJS的興起起了很大作用。
? ? ? ?ES6的模塊化設(shè)計思想，是盡量靜態(tài)化，使得編譯時就能確定模塊的依賴關(guān)系和輸入輸出的變量。而上面說到的那些規(guī)范只能在運行的時候確定。ES6 模塊不是對象，而是通過export命令顯示制定輸出的代碼，通過import方法從模塊中加載默寫方法。剩下就是一些說的牛批的地方去除那些模塊規(guī)范啦，以后不用全局對象屬性啦，不用對象做命名空間之類的.....。ES6模塊自動采用嚴格模式對以下做了一些限制：變量必須聲明后使用，函數(shù)參數(shù)不能有同名屬性，不能使用with，不能對只讀屬性賦值，不能使用前綴0表示八進制，不能刪除不可刪除的屬性，不能刪除delete prop，eval不會在它的外層作用域引入變量，eval和arguments不能被重新賦值，arguments不會自動反映函數(shù)參數(shù)的變化，不能使用arguments.callee、arguments.caller,禁止this指向全局變量，不能使用fn.caller和fn.arguments去獲取函數(shù)的調(diào)用棧，增加保留字如protected、static、interface。
? ? ?模塊功能主要有兩個命令組成，export用于規(guī)定模塊的對外接口，import用于輸入其他模塊提供的功能。一個模塊就是一個獨立的文件，外部無法獲取內(nèi)部的所有變量，除非export輸出，但是必須輸出時跟內(nèi)部的變量啊 函數(shù)啊要輸出的東西建立對應(yīng)聯(lián)系，輸出時輸出對應(yīng)的變量 而非具體的值或者 輸出的{變量名}==》export var 變量名 或者 export {變量名 as 重命名}，也可以默認輸出 export default(本質(zhì)是輸出default模塊，所以后面可以跟一些具體的值)。import命令具有提升效果會最先執(zhí)行，引入的模塊可以是絕對路徑或相對路徑==》import { 變量名 as 重命名} form 文件 或者 import * as 重命名 from 文件，由于是靜態(tài)加載所以import中不能存在變量或者 表達式，并且多個同樣import語句只會執(zhí)行一次。在一個模塊中先輸入后輸出同一個模塊的寫法 export {變量名} form 文件名至于其中的整體輸出 export * from 文件名，剩下的什么重命名之類的大致相似。import提供新的加載方法import()去實現(xiàn)動態(tài)加載，然后返回個promise對象用于輸出加載成功后的方法，使用場景：按需加載，條件加載，動態(tài)的模塊路徑；而且跟require()相比前者屬于異步加載，后者屬于同步加載。
