1. 程式人生 > >JS-export和import實現模組化管理

JS-export和import實現模組化管理

    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