es6模块再理解

//test.mjs
export default function () {
    console.log('foo');
}

export var a1 = "aaaaaaaaaa"

export var b1 = "bbbbbbbbbb"  

//main.mjs
import xxx from './test.mjs'
//不指定的情况下，xxx是默认的default模块
console.log(xxx())
console.log('-----------------------------------')

//导入默认值和其他变量
import {default as yyy,a1,b1} from './test.mjs'
console.log(yyy,a1,b1)
console.log('-----------------------------------')

//导入*,里面包括default
import * as vvv from './test.mjs'
console.log(vvv,vvv.a1,vvv.b1,vvv.default)
console.log('-----------------------------------')
console.log((vvv.default)()) //可以调用函数
console.log(vvv.default()) //也可以调用函数