美文网首页前端秘境
export和export default的区别

export和export default的区别

作者: 小m_up | 来源:发表于2017-04-26 21:56 被阅读161次

相同点

  • 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必须与导出的变量名一致

欢迎提出宝贵的建议哦

相关文章

网友评论

    本文标题:export和export default的区别

    本文链接:https://www.haomeiwen.com/subject/ppmwzttx.html