前端开发：export 和 export default的区别

前言

在前端开发过程中，实现模块化使用是前端三大重要思想之一，也是前端开发者必须要精通的点，而且在前端求职面试中也是必考知识点。在ES6中，引入了模块化理念，设计思想就是在编译时候就能确定模块的依赖关系，以及输入和输出的变量，其中就包含导出和导入两个模块。那么本篇博文就来分享一下关于导出的时候export 和 export default的区别，关于导入相关的内容会在另外的文章中介绍，这里只介绍导出相关的内容，记录一下，方便查阅使用。

export

1、基本用法

模块通过export导出各种类型的变量，如字符串，数值，函数，类。基本用法如下所示：

导出的函数声明与类声明必须要有名称（export default 另外考虑）。

不仅能导出声明还能导出引用（如函数）。

export 命令可以出现在模块的任何位置，但必需处于模块的顶层。

注意：在使用export导出的时候，建议使用大括号指定所要输出的一组变量在文档结尾部分，明确导出的接口；函数和类都要有对应的名称，导出文档尾部会避免无对应的名称的情况。

2、as用法

使用export命令导出接口名称的时候，需要与模块内部的变量有一一对应的关系；导入的变量名称也需要和导出的接口名称一致，但是顺序可以不用一致。

不同模块导出接口名称重复的时候，需要使用as重新定义变量名，相当于做一个“等价转换”的操作。

3、复合使用

在实际使用中，export 与 import 可以在同一模块同时复合使用