? ? ? ?模塊化是指在解決某一個復(fù)雜問題或者一系列雜糅問題時浑劳，依照一種分類的思維把問題進(jìn)行系統(tǒng)性的分解以之處理暑劝。模塊化是一種處理復(fù)雜系統(tǒng)分解為代碼結(jié)構(gòu)更合理尤溜，可維護(hù)性更高的可管理的模塊方式。現(xiàn)在說一下重點(diǎn)的模塊化規(guī)范CommonJS肛度、AMD羡微、CMD谷饿。
? ? ? AMD，異步模塊定義妈倔，講究將依賴前置提前執(zhí)行博投，必須先把依賴寫在前面，所有的模塊都將被異步加載启涯，并且加載時不影響語句的執(zhí)行贬堵，所有依賴某些模塊的語句放在回調(diào)函數(shù)中執(zhí)行。表現(xiàn)形式define(id?,dependencies?,factory)结洼，id為字符串類型，標(biāo)示這個模塊叉跛，可選參數(shù)松忍，若不存在默認(rèn)定義為再加載器中被請求腳本的標(biāo)示，若存在必須為頂層或絕對標(biāo)示筷厘；dependences當(dāng)前模塊依賴的已被模塊定義的模塊標(biāo)示的數(shù)組字面量鸣峭；factory一個需要進(jìn)行實(shí)例化的函數(shù)或者對象。具體規(guī)范：https://github.com/amdjs/amdjs-api/wiki/AMD酥艳。AMD規(guī)范中對requireJS依賴嚴(yán)重摊溶，然后AMD對require分為局部require需要在依賴?yán)镒⒚鞯哪欠N和全局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ù)喊暖、對象或者字符串，當(dāng)factory是對象和字符串的時候標(biāo)示模塊的接口就是對象撕瞧、字符串陵叽，當(dāng)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āng)前的對象和變量记焊，唯一導(dǎo)出口逸月；module對象就代表模塊本身。Node好像是對CommonJS的興起起了很大作用遍膜。
? ? ? ?ES6的模塊化設(shè)計(jì)思想碗硬，是盡量靜態(tài)化，使得編譯時就能確定模塊的依賴關(guān)系和輸入輸出的變量瓢颅。而上面說到的那些規(guī)范只能在運(yùn)行的時候確定恩尾。ES6 模塊不是對象，而是通過export命令顯示制定輸出的代碼挽懦，通過import方法從模塊中加載默寫方法翰意。剩下就是一些說的牛批的地方去除那些模塊規(guī)范啦，以后不用全局對象屬性啦信柿，不用對象做命名空間之類的.....冀偶。ES6模塊自動采用嚴(yán)格模式對以下做了一些限制：變量必須聲明后使用，函數(shù)參數(shù)不能有同名屬性渔嚷，不能使用with进鸠，不能對只讀屬性賦值，不能使用前綴0表示八進(jìn)制形病，不能刪除不可刪除的屬性客年，不能刪除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用于輸入其他模塊提供的功能邢享。一個模塊就是一個獨(dú)立的文件，外部無法獲取內(nèi)部的所有變量淡诗，除非export輸出骇塘，但是必須輸出時跟內(nèi)部的變量啊 函數(shù)啊要輸出的東西建立對應(yīng)聯(lián)系，輸出時輸出對應(yīng)的變量 而非具體的值或者 輸出的{變量名}==》export var 變量名 或者 export {變量名 as 重命名}韩容，也可以默認(rèn)輸出 export default(本質(zhì)是輸出default模塊款违，所以后面可以跟一些具體的值)。import命令具有提升效果會最先執(zhí)行群凶，引入的模塊可以是絕對路徑或相對路徑==》import { 變量名 as 重命名} form 文件 或者 import * as 重命名 from 文件插爹，由于是靜態(tài)加載所以import中不能存在變量或者 表達(dá)式，并且多個同樣import語句只會執(zhí)行一次请梢。在一個模塊中先輸入后輸出同一個模塊的寫法 export {變量名} form 文件名至于其中的整體輸出 export * from 文件名赠尾，剩下的什么重命名之類的大致相似。import提供新的加載方法import()去實(shí)現(xiàn)動態(tài)加載毅弧，然后返回個promise對象用于輸出加載成功后的方法气嫁，使用場景：按需加載，條件加載形真，動態(tài)的模塊路徑杉编；而且跟require()相比前者屬于異步加載，后者屬于同步加載咆霜。
