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