其实,不知大家与我有没有同样的困惑,刚开始对于export命令与export default命令的了解不深,可能知道如何使用,但是有时候会对他们有些误解,于是,我也像大家一样去搜索关于大神对于他们之间区别的理解。站在巨人的肩膀上,我觉得应该自己写总结,针对于export命令与export default命令的区别,以及import命令的使用。
export命令,相信大家很熟悉,直接上代码:
以上的代码,通俗易懂了吧~,创建一个export.js文件。保存了一个num、year、yourName三个变量,此时ES6会把他们当做一个模块,为啥???想必大家也知道了,因为使用了export命令对外部输出了三个变量num、year、yourName,此时,我们在其他组件中或者当前你的需求中引入该文件,就要用到import命令了~~
以上代码截图算清楚了吧~~
还有!至于export命令向外部导出,还有一种写法,用大括号指定所要输出到外部的一组变量,我个人推荐以下这种,因为在文件的尾部一眼可以清楚的看出哪些变量被导出|输出,关键可以省写多个export~~你说是不是~~
export命令不仅仅可以输出变量还可以输出函数或者类(class),我j就不举例子说明了。大家找资料吧~~
对于export default命令,我个人觉得比export 更加简便粗暴些~~,为什么呢?话不多说,直接上代码截图~~~
也可以导出函数或者类
以上是我对于export命令与export default命令的区别,以及import命令的使用初步理解,相信大家已经理解export命令与export default命令的区别了吧~~。关于import命令的使用,没有深究去做总结,重点在于希望这次的export命令与export default命令的区别总结能帮助到有需要的人。加油,陌生人~~