1. 使用export

匯出

//test.js
const a = "hello"
const b = 123
function my_func(){
    console.log("es6!!!")
}
export {a, b, my_func}

//或者這樣寫
//export const a = "hello"
//export const b = 123
//export function my_func(){
    //console.log("es6!!!")
//}

匯入

import {a, b, my_func} from "./test.js"

console.log(a, b)
my_func()

//輸出 "hello" 123 "es6!!!"
 

2. 使用 export default

匯出

//test.js
const a = "hello"
export default a

匯入

import a from "./test.js"
console.log(a)

3. 使用export 和export default

匯出

//test.js
const a = "hello"
const b = 123
const c = 100
function greet() {
    console.log("i am es6")
}
export default a //export default只能使用一次
export {b, c, greet}
 

匯入

import a, {b, c, greet} from "./test.js"

console.log(a, b, c)
greet()

使用export不管匯出變數是一個或多個，都要使用花括號。使用export default不需