export和export default的区别

爱被打了一巴掌 2022-11-26 10:57 180阅读 0赞

**1.export的使用**

1.直接输出
    
    export let words = 'hello world!!!' 
    
    export function output() {  
    　　// ... 
    }
    
    2.先定义再输出
    
    let firstWords = 'hello'
    let secondWords = 'world'
    let thirdWords = '!!!'
    
    function output() { 
        // ...
    }
    
    export { firstWords, secondWords, thirdWords, output}

**2.export default的使用**

1.export default 用于规定模块的默认对外接口  
2.很显然默认对外接口只能有一个，所以 export default 在同一个模块中只能出现一次  
3.export default只能直接输出，不能先定义再输出。

export default const str = 'hello world'
    
    export default function () { 
      console.log('foo');
    }

**3.export和export default在import时区别**

1. export的输出与import输入
    export function output() { 
        // ...
    }
    
    import { output} from './example'
    
    2.export default的输出与import输入
    export default function output() { 
        // ...
    }
    
    import output from './example'

从以上两种 import 方式即可看出，export default 的 import 方式不需要使用大括号包裹。因为对于 export default 其输出的本来就只有一个接口，提供的是模块的默认接口，自然不需要使用大括号包裹。

参考文章：  
https://www.cnblogs.com/sherrycat/p/11152994.html  
https://www.cnblogs.com/fanyanzhao/p/10298543.html  
https://blog.csdn.net/zhou\_xiao\_cheng/article/details/52759632

发表评论取消回复

表情：

评论列表（有 0 条评论，180人围观）

还没有评论，来说两句吧...

相关阅读

相关 module.exports和exports和export和export default的区别

module.exports和exports是nodeJs中的模块导出方式在一个 node 执行一个文件时，会给这个文件内生成一个 exports 和 module...

快来打我*/ 2024年04月19日 16:02/ 0 赞/ 1 阅读

相关 module.exports、exports和export、export default之间的区别

> 文章摘录自：https://www.jianshu.com/p/a7fce0200c68 首先要知道前者和后者是两个不同的规范下的模块导出方式，我们来分别看一下：

朱雀/ 2023年03月14日 10:56/ 0 赞/ 225 阅读

相关 export和export default的区别？

使用上的不同 export default xxx import xxx from './' export xxx impo

女爷i/ 2022年12月30日 12:00/ 0 赞/ 107 阅读

相关 export和export default的区别

1.export的使用 1.直接输出 export let words = 'hello world!!!' export fu

爱被打了一巴掌/ 2022年11月26日 10:57/ 0 赞/ 181 阅读

相关 export 与 export default区别

export 与 export default区别 1、export export 可以直接导出或者先定义后导出。 // eg: 直接导出 expo

叁歲伎倆/ 2022年11月06日 07:53/ 0 赞/ 147 阅读

相关 export default 和 export 区别

export default 和 export 区别： 1.export与export default均可用于导出常量、函数、文件、模块等 2.你可以在其它文件或模块

红太狼/ 2022年06月10日 05:59/ 0 赞/ 258 阅读

相关 es6 export 和export default的区别

转：[https://www.jianshu.com/p/c6fa63c746d2][https_www.jianshu.com_p_c6fa63c746d2] 区别

怼烎@/ 2022年01月12日 02:19/ 0 赞/ 298 阅读

相关 export和export default

在 vue中 export 变量名不能识别，只能export default 变量，import 随便取名，不需要\{\} 转载于:https://www.cnblogs

痛定思痛。/ 2022年01月06日 04:41/ 0 赞/ 224 阅读

相关 export default function 和 export function 的区别

来源地址：传送门? // 第一种 export default function crc32() { // 输出 // ... }

女爷i/ 2022年01月06日 02:29/ 0 赞/ 312 阅读

相关 export default与export的区别

1.export default 和export都可以用于导出常量，函数，文件，模块等； 2.可以在模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式，将

雨点打透心脏的1/2处/ 2021年10月01日 05:28/ 0 赞/ 330 阅读