1. 程式人生 > >export和import 輸出/接收模組變數的介面

export和import 輸出/接收模組變數的介面

ES6模組主要有兩個功能:export和import export:用於對外輸出本模組(一個檔案可以理解為一個模組)變數的介面 import:用於在一個模組中載入另一個含有export介面的模組。 (語法:import { name } from "/.a.js" //路徑根據你的實際情況填寫) 也就是說使用export命令定義了模組的對外介面以後,其他JS檔案就可以通過import命令載入這個模組(檔案)。
匯出的方式3種   1.export let a = 10;   2.export {};     1和2,他們引入的時候都要加{},並且名字必須要和匯出的一直,他們可以有多個。
  3.export default     一個檔案中只能有一個,並且default之後引入的時候不能加{}。名字還可以隨便起。也可以default一個物件(批量匯出)
let a = 20;
//export default a;
export default{
    a,
    fn(){alert(1)},
    b=20,
}