这篇文章主要讲解了“export和export default的作用是什么”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“export和export default的作用是什么”吧！
export命令用于规定模块的对外接口。一个模块就是一个独立的文件。该文件内部的所有变量，外部无法获取。如果你希望外部能够读取模块内部的某个变量，就必须使用export关键字输出该变量。下面是一个JS文件，里面使用export命令输出变量。
export的使用
1.直接输出
exportletwords='helloworld!!!'
exportfunctionoutput(){
//...
}
2.先定义再输出
复制代码
letfirstWords='hello'
letsecondWords='world'
letthirdWords='!!!'
functionoutput(){
//...
}
export{firstWords,secondWords,thirdWords,output}
复制代码
exportdefault的使用
1.exportdefault用于规定模块的默认对外接口
2.很显然默认对外接口只能有一个，所以exportdefault在同一个模块中只能出现一次
3.exportdefault只能直接输出，不能先定义再输出。
4.其在import方式上也和export存在一定区别
(1)export的输出与import输入
exportfunctionoutput(){
//...
}
import{output}from'./example'
(2)exportdefault的输出与import输入
exportdefaultfunctionoutput(){
//...
}
importoutputfrom'./example'
从以上两种import方式即可看出，exportdefault的import方式不需要使用大括号包裹。因为对于exportdefault其输出的本来就只有一个接口，提供的是模块的默认接口，自然不需要使用大括号包裹。
感谢各位的阅读，以上就是“export和export default的作用是什么”的内容了，经过本文的学习后，相信大家对export和export default的作用是什么这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是本站，小编将为大家推送更多相关知识点的文章，欢迎关注！
