export和export default的作用是什么

这篇文章主要讲解了“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的作用是什么这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！