什么是 ES6 模塊化規范 ？
ES6 模塊化規范
是
瀏覽器端
與
服務器端
通用的模塊化開發規范，
它的出現極大的降低了前端開發者的模塊化學習成本，開發者不需再額外學習 AMD、CMD 或 CommonJS 等模塊化規范，
ES6 模塊化規范中定義：
- 每個 js 檔案都是一個獨立的模塊
- 匯入其它模塊成員使用 import 關鍵字
- 向外共享模塊成員使用 export 關鍵字
ES6 模塊化的基本語法（主要包含三種）：
- 默認匯出與默認匯入
- 按需匯出與按需匯入
- 直接匯入并執行模塊中的代碼
如何在 node.js 中體驗 ES6 模塊化？
node.js 中
默認僅支持 CommonJS 模塊化規范
，若想基于 node.js 體驗與學習 ES6 的模塊化語法，可以按照如下兩個步驟進行配置：
- 確保安裝了 v14.15.1 以上版本的 node.js
- 在 package.json 的根節點中添加 "type": "module" 節點
下面依次向大家介紹模塊化的基本語法：
一、默認匯出語法: export default 默認匯出的成員
默認匯出需要注意：每個模塊中，只允許使用唯一的一次 export default，否則會報錯！
默認匯入的語法： import 接收名稱 from '模塊識別符號'
默認匯入時的接收名稱可以任意名稱，只要是合法的成員名稱即可
二、按需匯出的語法： export 按需匯出的成員
按需匯入的語法： import { s1 } from '模塊識別符號'
按需匯出與按需匯入的注意事項 ：
- 每個模塊中可以使用多次按需匯出
- 按需匯入的成員名稱必須和按需匯出的名稱保持一致
- 按需匯入時，可以使用 as 關鍵字進行重命名
- 按需匯入可以和默認匯入一起使用
三、直接匯入并執行模塊中的代碼：
如果
只想單純地執行某個模塊中的代碼
，并不需要得到模塊中向外共享的成員，此時，可以直接匯入并執行模塊代碼：
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/350986.html
標籤：其他