ES6 模組化匯入匯出

ES6 基本語法

• 預設匯出 與 預設匯入
• 按需匯出 與 按需匯入
• 直接匯出 並 執行模組中的程式碼

預設匯出

預設匯出的語法：

export default 預設匯出的成員

預設匯出的注意事項：
每個模組中，只允許使用唯一的一次 export default，否則報錯！

預設匯入

預設匯入的語法：

import 接收名稱 from '模組識別符號'

預設匯入注意事項：
預設匯入的接收名稱可以是任意名稱，只要是合法的成員名稱即可。

按需匯出

按需匯出的語法：

按需匯入

按需匯入的語法：

import {s1} from '模組識別符號'

按需匯出 與 按需匯入 的注意事項：

• 每個模組中可以使用多次按需匯出。
• 按需匯入的成員名稱必須和按需匯出的名稱保持一致。
• 按需匯入時，可以使用 as關鍵字 進行重新命名。
• 按需匯入可以和預設匯入一起使用。

直接匯入並執行模組中的程式碼

如果只想單純的執行某個模組中的程式碼，並不需要得到模組中向外共享的成員，此時，可以直接匯入並執行模組程式碼。