ES6模块化的基本语法
1. 默认导出 与 默认导入
- 默认导出语法
export default
默认导出的成员 - 默认导入语法
import
接收名称from
‘模块标识符’
// 当前文件模块为 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 = 'aaa'
// 向外按需导出变量 s2
export let s2 = 'ccc'
// 向外按