本文详细解析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作用及区别的分析即为全部内容,供读者参考,感谢支持。