export和exportdefault的作用是什么-创新互联
这篇文章主要讲解了“export和export default的作用是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“export和export default的作用是什么”吧!
创新互联建站-专业网站定制、快速模板网站建设、高性价比汕城网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式汕城网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖汕城地区。费用合理售后完善,十余年实体公司更值得信赖。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的作用是什么这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联网站建设公司,,小编将为大家推送更多相关知识点的文章,欢迎关注!
网页标题:export和exportdefault的作用是什么-创新互联
浏览路径:http://azwzsj.com/article/pscde.html