文章已同步至掘金：https://juejin.cn/post/6844903959904288782
欢迎访问?，有任何问题都可留言评论哦~

export与export default区别 {#export%E4%B8%8Eexport-default%E5%8C%BA%E5%88%AB}

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

• 可以在其它文件或模块中通过 import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入，以便能够对其进行使用

• 模块中通过export导出的(属性或者方法)可以修改，但是通过export default导出的不可以修改

• 在一个文件或模块中，export可以有多个，但是export default仅有一个

• 通过export方式导出，在导入时要加{ }，而export default则不需要

代码演示 {#%E4%BB%A3%E7%A0%81%E6%BC%94%E7%A4%BA}

export {#export}

Test.js代码

export let x = '1'

export const y = '2'

`export const z = '3'
`

导入：

//导入的时候需要带花括号
import {x,y,z} from "Test.js"
`//也可以逐个导入
import {x} from "Test.js"
import {y} from "Test.js"
import {z} from "Test.js"
`

export default {#export-default}

Test.js代码：

let x = '1'  
`export default x
`

导入：

//导入的时候不需要带花括号
import x from "Test.js" 

补充 {#%E8%A1%A5%E5%85%85}

说到这里，顺便补充一下module.exports与require

代码示例：

Test.js代码：

module.exports = {
    name:"xxx"
}

导入：

const Test = require("Test.js");
`Test.name
`

U_U {#u_u}