4.ES6模块化语法-按需导出与按需导入

1. 修改 m1.js 文件

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

// 定义私有成员 a 和 c
let a = 10
let c = 20
// 外界访问不到变量 d ,因为它没有被暴露出去
let d = 30
function show() {}

// 将本模块中的私有成员暴露出去，供其它模块使用
export default {
  a,
  c,
  show
}

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

// 向外按需导出变量 s1
export let s1 = 'aaa' 
// 向外按需导出变量 s2
export let s2 = 'ccc'
// 向外按需导出方法 say
export function say() {
  console.log('say')
}

2. 修改 index.js 文件

// 导入模块成员
import m1, { s1, s2 as ss2, say } from './m1.js'

console.log(m1)
// 打印输出的结果为：
// { a: 10, c: 20, show: [Function: show] }

console.log(s1) // 打印输出 aaa
console.log(ss2) // 打印输出 ccc
console.log(say) // 打印输出 [Function: say]

3. 执行 index.js

npx babel-node index.js