ES6模块化

1. 回顾：node.js 中如何实现模块化

node.js 遵循了 CommomJS 的模块化规范。其中：

• 导入其它模块使用 require（） 方法
• 模块对外共享成员使用 module.exports 对象

模块化的好处：

大家都遵守同样的模块化规范写代码，降低了沟通的成本，极大方便了各个模块之间的相互调用，利人利己。

2. 前端模块化规范的分类

在 ES6模块化规范诞生之前，JavaScript 社区已经尝试并提出了 AMD、CMD、CommomJS等模块化规范。

• AMD、CMD 适用于浏览器端的JavaScript模块化
• CommomJS 适用于服务器端的JavaScript模块化

3. 什么是 ES6 模块化规范

ES6 模块化规范是浏览器端与服务器端通用的模块化规范。它的出现极大地降低了前端开发者的模块化学习成本，开发者不需再额外学习 AMD、CMD、CommomJS等模块化规范

ES6 模块化规范中定义：

1. 每个 js 文件都是一个独立的模块
2. 导入其他模块成员使用 import关键字
3. 向外共享模块成员使用 export 关键字

4. 在node.js中体验 ES6 模块化

node.js 中默认支持 CommonJS 模块化规范，若想基于node.js 体验与学习 ES6的模块化语法，可以按照如下两个步骤进行配置：

1. 确保安装了 v14.15.1 或更高版本的 node.js
2. 在package.json 的根节点中添加 “type”：“module” 节点

5. ES6 模块化的基本语法

ES6 的模块化主要包含如下 3 种用法：

1. 默认导出 与 默认导入
2. 按需导出与 按需导入
3. 直接导入 并 执行模块中的代码

5.1 默认导出 和 默认导入

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

let n1 = 10
let n2 = 20
function show() {}
export default{
  n1,
  show
}

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

import m1 from './01-默认导出.js'

console.log(m1);

默认导出和默认导入的注意事项

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

2. 默认导入的接收的名称合法即可

5.2 按需导出和按需导入

按需导出的语法： export 按需导出的成员

export let s1 = 'aaa'

export let s2 = 'ccc'

export function say() {}

按需导入的语法：import {s1} from ‘模块标识符’

import {s1} from './03-按需导出.js'

console.log(s1);

按需导出和按需导入的注意事项

1. 每个模块中可以使用多次按需导出
2. 按需导入的成员名称必须和按需导出的名称保持一致
3. 按需导入时，可以使用 as关键字重命名
4. 按需导入可以和默认导入一起使用

5.3 直接导入并执行模块中的代码

如果只想单纯地执行某个模块中的代码，并不需要得到模块中向外共享的成员。此时可以直接导入并执行模块代码。示例代码如下：

// 当前模块为 05_m3.js

for (let i = 0;i<3;i++){
  console.log(i);
}

//-------------------分割线------------
// 另一个js文件
import ‘./05_m3.js’