ES6中export与export default的区别及用法详解

作者:纸飞机

时间:2026-10-22

浏览:533

本文详细解析ES6中export与export default的异同。两者均用于导出常量、函数或模块,但export支持多对象导出且引入时需加花括号,export default仅允许单对象且引入时名称可自定义。掌握这些区别有助于规范前端代码结构。

文章目录

ES6模块导出的基本作用

功能概述:

export与export default均用于向外暴露常量、函数、文件或模块,供其他文件引入使用。

export与export default的核心区别

差异对比:

1、export支持导出多个对象,而export default仅允许导出一个对象。

2、使用export导出时需配合花括号{},export default则无需花括号,示例如下:

export {A,B,C};

export default A;

3、引入export default导出的内容时,导入名称可与原导出名不同。因其本质为默认导出,如:

设文件A与B位于同一目录,现需在文件B中引入文件A导出的deObject对象:

文件A代码:export default deObject

文件B代码:import deObject from './A'

亦可采用以下写法:

import newDeObject from './A'

上述关于ES6中export与export default作用及区别的分析即为全部内容,供读者参考,感谢支持。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章