Es Module的基本要点

1. 局部导出与导入

// 导出
const name = '张三'
const age = 18
export { name. age }
export func = function(){
    console.log(11)
}

// 导入
import { name, age, func } from 'a.js'

2. 默认导出

// 导出
const name = '张三'
const age = 18
const func = function(){
    console.log(11)
}
export default { name, age, func }

// 导入
import pop from 'a/js'
console.log(pop.name) // 张三

3. 混合导入导出

// 导出
export const name = 'Nike'
export const age = 12
export default function say(){
    console.log('我是Nike')
}

第一种：普通导入

// 导入
import func, { name, age } from 'a.js'

第二种: 重命名导入

// 导入
import func, { name, age as num } from 'a.js'

第三种：*

// 导入
import func, * as pop from 'a.js'

4. 无需导入文件，只运行

import 'b.js'

5. 重定向导出：把导入的直接导出

export * from 'b.js'
export { name, age } from 'a.js'
export { name, age as num } from 'a.js'

5. 动态导入

import()返回的是promise，支持在代码中动态导入

ESmodule