JS：export 与export default的区别，结合import的用法

export：输出本模块（一般一个文件认为是一个模块）提供给外部使用的接口；

import：引入其他模块，供本文件使用，可以引用的就是export输出的接口；

 

export有两种方式：export 或者export default；

两者的相同点与区别点如下：

1、两者均可用于导出常量、函数、文件、模块；

2、在一个文件中可以多次使用export，但是export default只能用一次；

3、通过export输出的，在import导入时需要使用{}，export default不需要；

4、export与export default不可同时使用；

 

举例说明：

var a = 'a';
var b = 'b';
//使用export
export a;
export b;
export {a, b}
//使用export default
export default{a,b}

使用export输出时：

import {a,b} from './xxx'

使用export default输出时：

import A from './yyy'