ES6：模块化（导出&导入）的2种方式

1.JS模块体系：将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。比如：CSS 都有@import。1个模块就是一个独立的.js文件。

模块功能主要由两个命令构成：export和import。export命令用于规定模块的对外接口，import命令用于输入其他模块提供的功能。

方式1：有名导出export（可以批量导出多次）。

export：直接在变量、函数等声明的关键字之前添加export 或 使用大括号{变量名或函数名}。

import：必须加大括号并且里面的变量名必须跟导出的一致！

方式2：匿名导出，也称默认导出export default（只能导出一次）。

export default：直接在变量、函数等声明的关键字之前添加export default 或 直接导出变量名或函数名等。

import：直接 import  自定义变量名 from "XXX"。

备注：import命令具有提升效果，会提升到整个模块的头部，首先执行，import命令是编译阶段执行的，在代
码运行之前。ES6语法需要Bable解析为ES5才能执行。

Babel是一个广泛使用的ES6转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。

ES6 的模块自动采用严格模式，不管你有没有在模块头部加上"use strict";。