export和exportdefault的作用是什么-创新互联

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