ES6 模块 导入和导出 的方法

1 默认导出 和 默认导入

默认导出语法： export default 默认导出的成员

默认导入语法： import 接收名称 from ' 模块标识符 '

注意：每个模块中，只允许使用唯一的一次export default，否则会报错！

//当前文件模块为 m1.js
//定义私有成员 a和c
let a = 10
let c = 20
//外界访问不到变量d ,因为它没有被暴露出去let d = 30
function show() {}
//将本模块中的私有成员暴露出去，供其它模块使用
export default {
   a,
   c,
   show
}

//导入模块成员
import m1 from './m1.js'
console.log (m1)

//打印输出的结果为:
// { a: 10, c: 20,show : [ Function: show] }

2 按需导出 与 按需导入

按需导出语法： export let s1 = 10
按需导入语法： import { s1 } from ' 模块标识符 '

注意：每个模块中，可以使用多次按需导出

//当前文件模块为m1.js

//向外按需导出变量s1
export let s1 = 's1111'
//向外按需导出变量s2
export let s2 = 's22222'
//向外按需导出方法 say
export function say =function (0) {
   console.log('saydadaa ');
}

//导入模块成员
import { s1, s2 as ss2,say } from "./m1 . js'
console.log (s1)   //打印输出s1111
console.log (ss2)  //打印输出s22222
console.log (say)  //打印输出[ Function: say]

3 直接导入并执行模块代码

有时候，我们只想单纯执行某个模块中的代码，并不需要得到模块中向外暴露的成员，此时，可以直接导入并执行模块代码。

//当前文件模块为m2.js
//在当前模块中执行一个for循环操作
for (let i = 0; i < 3; i++) { 
  console.log(i);
}

//直接导入并执行模块代码
import './m2.js"