export和export default

概述

ES6中，在JavaScript ES6中，export与export default均可用于导出常量、函数、文件、模块等。

export：

export可以暴露多个模块，在一个文件内可以多次使用，还可以使用as别名
export模块引入时使用import {模块名/别名} from ‘模块地址’;的方式引入

//a.js暴露模块
 var str = "export的内容";
 var year =2019;
 function message(sth) {
  return sth;
}
export var age=1
export {
    str,
    year,
    message as newname//as别名
};
//b.js引入模块
import { str, year, newname, age } from './a';

export default：

export default命令用于指定模块的默认输出。
export default命令在一个文件内只能使用一次。
export default模块引入时直接使用import 模块名 from ‘模块地址’;的方式引入（一般习惯这样用）
export default模块引入时可以任意命名，不尊存模块名/别名的引入规则（看起来不规则，很少这样用）

//a.js暴露模块
const str = "export default的内容";
export default str
//b.js 引入模块不尊存模块名/别名的引入规则
import StrFile from './a'; 

对比：

对比项	export	export default
使用	在一个文件内可以多次使用	在一个文件内只能使用一次
引入方式	使用：{模块名}的方式引入	直接使用模块名的方式引入
规则	尊存模块名/别名的引入规则	模块引入时可以任意命名