美文网首页前端秘境
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