export和export default的区别

相同点

  • export与export default均可用于导出常量、函数、文件、模块等
  • 都可以使用import导入

不同点

  • export可以有多个，export default只能有一个
  • 通过export方式导出，在导入时要加{ }，export default则不需要
  • 使用export default为模块指定默认输出，导入时只需要知道文件名即可，但是使用export必须知道导出的变量或者函数等，导入时变量名要一致

那么就来举个栗子吧：

//demo1.js:
export default const a  = "hello world";
导入方式：
import b from 'demo1.js'; //这里的b可以是任意变量

//demo2.js:
export  const a  = "hello world";;
导入方式：
import {a} from 'demo2.js'; //这里的a必须与导出的变量名一致

欢迎提出宝贵的建议哦

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容