一、export和import
ES6在語言標準的層面上,實現了模組功能。ES6 模組不是物件,而是透過export命令顯式指定輸出的程式碼,再透過import命令輸入。遺憾的是export和import命令不能在瀏覽器直接使用,不過可以透過babeI轉換為es5再執行。import匯入模組、export匯出模組。
二、 安裝babel
babel是JavaScript語法的編譯器。
1、babeI轉換配置專案根目錄新增
.babelrc 檔案(手動新增即可)
{
"presets": ["es2015"]
}
2、安裝es6轉換模組
npm install babel-preset-es2015 --save-dev
3、全域性安裝命令列工具
#管理員身份執行
npm install babel-cli -g
4、使用
babel-node js檔名
三、export和import聯合應用
1、命名匯出
此方式每一個需要輸出的資料型別都要有一個name, 統一輸入一定要帶有{},即便只有一個需要輸出的資料型別。
export匯出模組: 編寫export1.js
結果:
注意:當匯出變數出現衝突時,可以對匯出變數加別名
2、預設匯出
預設輸出不需要name,但是一個js檔案中只能有一個export default。
export匯出模組:編寫export2.js
方式一結果:
方式二結果: