es6语法: import 与export

1.export导出的变量，Import必须知道变量名才可以导入。

// 导出有三种方法
export var num = 1;
//或
var num = 1;
export {num}
 
//export导出的变量名 和Import 的变量名一样。因此可以用as, 这样import 时可以用alias接收。
export {
  num as alias
};

2.import 导入

//如果是用export 导出的话，那么只能这样导入
import {变量名}

//如果是export default 导出的话，不需要加大括号.

import 变量名

阮一峰说，import 具有声明提升作用，就像下面这样不会报错；

foo();

import { foo } from 'my_module';

阮一峰又说：export default 是为了读者不用阅读源码里面的导出变量就知道 如何导入.。

export 和export default区别：

1：export default 一个文件只能有一个，export 可以有多个。

2：export 导出的变量 import 必须用{ } 大括号来接收。

3：export 导出的变量名是啥，import就要用啥接接收。export default 导出的变量，import想用啥接收就用啥接收。

阮一峰说：因为export default命令其实只是输出一个叫做default的变量，所以它后面不能跟变量声明语句。

下面代码中，export default a的含义是将变量a的值赋给变量default。所以，最后一种写法会报错。

同样地，因为export default命令的本质是将后面的值，赋给default变量，所以可以直接将一个值写在export default之后。

//引用阮一峰的code
// 正确
export var a = 1;

// 正确
var a = 1;
export default a;

// 错误
export default var a = 1;

// 正确 对外暴露的接口就是default
export default 42;

// 报错 没有对外暴露接口
export 42;