什么是模塊化?它有什么好處?常用的模塊化開發的方案


模塊:簡而言之就是一個一個的功能。

模塊化:將一個大文件拆分成獨立並相互依賴的小模塊,這個過程就叫模塊化。

好處:①避免命名沖突。

   ②更好的分離,按需加載。

   ③具有良好的復用性

   ④方便維護

 

常用的模塊化開發的方案:

  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的。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM