JS-export和import實現模組化管理
阿新 • • 發佈:2018-12-19
JS中經常會用到export和import,以實現程式碼模組化管理。其中:
export:用於對外輸出本模組(一個檔案可以理解為一個模組)變數的介面
import:用於在一個模組中載入另一個含有export介面的模組。
換句話說export
命令定義了模組的對外介面以後,其他JS檔案就可以通過import
命令載入這個模組(檔案)。下面將舉例說明:
1)定義一個模組test.js(其中包括屬性和方法),並定義好模組的輸出
let key = "1234455";
function Encrypt(word){
//加密方法
}
function Decrypt(word){
//解密方法
}
export default{
key,
Encrypt,
Decrypt
}
2)在另外一個模組通過import引用
index.js:
import {key,Encrypt,Decrypt} from './test.js' //通過import引用另一個模組輸出的引數
更多export和import的使用,參考: https://blog.csdn.net/q646926099/article/details/66476125