模塊:簡而言之就是一個一個的功能。
模塊化:將一個大文件拆分成獨立並相互依賴的小模塊,這個過程就叫模塊化。
好處:①避免命名沖突。
②更好的分離,按需加載。
③具有良好的復用性。
④方便維護。
常用的模塊化開發的方案:
1、commonJS-------用module.exports將模塊導出,可以導出對象、函數、ES5類,但是不能導出ES6類,用require導入模塊。是同步的。
2、AMD-----依賴前置,准備工作全部做完開始執行,用define定義模塊,用require調用模塊,在html中調用js文件用data-main屬性。AMD不支持返回函數,只能導出對象,是異步的。
3、CMD-----依賴就近,后期requireJS也支持了CMD規范,所以CMD漸漸不用了。
4、ES6-----用export或者export default導出,用import導入。這種方法最簡單快捷,可以利用webpack中的babel轉成es5的。