export、export default、import 的用法及区别

1、ES6模块主要有两个功能：export和import

export用于对外输出本模块（一个文件可以理解为一个模块）变量的接口

import用于在模块中加载另一个含有export接口的模块

使用export命令定义了模块的对外接口以后，其他文件就可以通过import命令加载这个模块（文件）

2、举例：

①：export：

一个a.js文件下面有一下代码：

则在其他文件引入：

如果是多个变量，则：

在**.js文件导出：

在其他文件（顶部中导入）：

 如果是函数（同理）：

在其他文件导入：

②：export default用法：

常量：

函数：

总结：export和export default：

相同点：

1、export和export default均可用于导出常量，函数，文件，模块等。

不同点：

1、在一个文件或模块中，export、import可以有多个，但是export default仅有一个。

2、通过export方式导出，在导入时要加{}，例如：import  {***}  from  ../../***（路径）。

3、通过 export default 方式导出，导入不加{}，例如：import  ***  from  ../../***（路径）。

4、使用export default命令，为模块指定默认输出，这样就不需要知道所要加载模块的变量名。

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！