ES6 export与export default区别

• 【export与export default区别】

相同点

• 均可以导出常量，函数，模块，文件等

不同点

• export：引入时需结构参数 （带{}）,名字与导出的一致
• export default: 引入默认对象（不带{}），名字与导出的可以不一致
• 同一个文件中可以有多个export与一个export default

1. export 使用

// methodApi.js文件中
export const fn1 = ()=>{}
export const fn2 = ()=>{}
export const fn3 = ()=>{}
或者
const fn1 = ()=>{}
const fn2 = ()=>{}
const fn3 = ()=>{}
export {
   fn1,
   fn2,
   fn3
}
// 需使用此方法的文件中引入
import {fn1,fn2,fn3} from './methodApi.js'

2. export default使用

// methodApi.js文件中
const fn1 = ()=>{}
const fn2 = ()=>{}
const fn3 = ()=>{}
export default {
   fn1,
   fn2,
   fn3
}
// 需使用此方法的文件中引入
import methodApi from './methodApi.js'
methodApi.fn1()

来源：CSDN

作者：weixin_44487097

链接：https://blog.csdn.net/weixin_44487097/article/details/104521351