模塊化就是,把一個大檔案拆成獨立并互相依賴的多個小模塊的程序.
通俗的說:一個.js檔案可以使用另一個js檔案中的資料(變數,函式...),不借助第三方.
為什要學習模塊化？
一個js檔案中可以引入另一個js檔案的資料,這個功能其他編程語言都具備,而2015年之前，js沒有（痛點：多個js都放在一個html檔案，而不能相互參考）！
2015年出了ES6，在語法層面支持模塊化，但是瀏覽器不支持，所以前面學習傳統開發時，還是 多個js都放在一個html檔案，
瀏覽器不支持直接參考,可以通過一下方法實作:
1. 先用開發工具（webpack）搭建一個支持模塊化的環境;
2. 在這個環境中寫模塊化的代碼;
3. 用工具打包代碼，然后在瀏覽器中運行;
把代碼進行模塊化拆分有什么好處?
- 提高了代碼的復用性
- 提高了代碼的可維護性
- 可以實作按需加載
nodeJS 的三種模塊型別:
內置模塊 : 對應匯入方式-----const xxx = require(模塊的名字);
自定義模塊:對應匯入方式-----const xxx = require(模塊檔案的相對位置);
第三方模塊:對應匯入方式-----const xxx = require(模塊的名字);
匯入第三方模塊時,后綴名.js可以省略.
在使用模塊化時,大家都要遵守同樣的模塊化規范寫代碼;
匯入格式: require ()
匯出格式: module.exports
遵守同樣的模塊化有哪些好處:
降低了溝通的成本，極大方便了各個模塊之間的相互呼叫，利人利己;
模塊作用域是什么?
類似于函式的作用域,在自定義模塊中定義的變數、方法等成員，只能在當前模塊內被訪問，外部檔案是訪問不到的.
模塊作用域的優點:防止了全域變數污染、檔案依賴等問題的產生;
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/306253.html
標籤：其他