ES6模組匯入和匯出

1.ES6模組初步使用

首先還是在同一資料夾下新建三個檔案分別是index.html、aaa.js、bbb.js，然後我們在aaa.js檔案中匯出相關變數，在bbb.js中匯入相關變數，最後在index.html中引入bbb.js檔案

aaa.js檔案：

bbb.js檔案：

index.html檔案：

控制檯列印：

2.注意點

①在index.html檔案中引入bbb.js時因為使用了ES6的模組引入語法，把type屬性設定為type = "module"，不然瀏覽器會報錯

②node目前好像是不支援ES6的模組匯入匯出，所以在終端上執行bbb.js會報錯

③開啟index.html不能再本地瀏覽器開啟。否則會產生跨域問題的報錯，具體原因我還不是很清楚，對瀏覽器請求這方面沒有怎麼了解待我後期補上，這裡附上一個對於這個問題的討論連結https://segmentfault.com/q/1010000020669744

裡面的一個回答是這樣的：

解決辦法是以我為例，我使用的是vscode,需要安裝外掛live-server，然後在要開啟的檔案右鍵選擇Open With Live Server

④在使用export default 匯出唯一變數時，只能使用一次，並且以下寫法是錯誤的

export defualt let w = 'wanglei'
export defualt const w = 'wanglei'
export defualt var w = 'wanglei'