ES6中的一个模块即使一个包含JS代码的文件，在这个模块中所有的变量都是对其他模块不可见的，除非我们导出它。ES6的模块系统大致分为导出（export）和导入（import）两个模块。

1、名字导出（name export）

名字导出可以在模块中导出多个声明。

//------ lib.js ------
const sqrt = Math.sqrt;
function square(x) {
    return x * x;
}
function add (x, y) {
    return x + y;
}
export {sqrt, square, add}

export列表可以在模块文件最外层作用域的每一处声明，不一定非要把它放在模块文件的末尾。

也可以直接导入整个模块，此时的main.js模块将变成这样。

//------ myFunc.js ------
`没有名字`
export default function() {...};
 
//------ main.js ------
`随便命名`
`注意这里默认导出不需要用{}。`
import myFunc from 'myFunc';
myFunc();

当然也可以使用混合的导出。

// 这两个模块都会导出以`flip`命名的东西。
// 要同时导入两者，我们至少要将其中一个的名称改掉。
import {flip as flipOmelet} from "eggs.js";
import {flip as flipHouse} from "real-estate.js";

导出重命名
同样，当你在导出的时候也可以重命名。你可能会想用两个不同的名称导出相同的值，这样的情况偶尔也会遇到：

import { default as foo } from 'lib';
import foo from 'lib';

也可以把名称as为default来默认导出：

//------ module1.js ------
export default 123;
 
//------ module2.js ------
const D = 123;
export { D as default };