es6模塊再理解

 1 //test.mjs
 2 export default function () {
 3     console.log('foo');
 4 }
 5 
 6 export var a1 = "aaaaaaaaaa"
 7 
 8 export var b1 = "bbbbbbbbbb"  

 1 //main.mjs
 2 import xxx from './test.mjs'
 3 //不指定的情況下，xxx是默認的default模塊
 4 console.log(xxx())
 5 console.log('-----------------------------------')
 6 
 7 //導入默認值和其他變量
 8 import {default as yyy,a1,b1} from './test.mjs'
 9 console.log(yyy,a1,b1)
10 console.log('-----------------------------------')
11 
12 //導入*,裏面包括default
13 import * as vvv from './test.mjs'
14 console.log(vvv,vvv.a1,vvv.b1,vvv.default)
15 console.log('-----------------------------------')
16 console.log((vvv.default)()) //可以調用函數
17 console.log(vvv.default()) //也可以調用函數