js默认导出和命名导出的区别

120 阅读1分钟

默认导出:

  1. 可以重新声明变成定义导出值
  2. 不需要大括号(前提是导出的不是一个对象,如果是一个对象,对象解构的话还是需要大括号的哦
// eg:
// 导出:
export default xxx = funtcion () {
    console.log('...')
}
// 导入:
import xxxs from ‘/src/utils’

命名导出:

  1. 只能用导出时设置的变量值
  2. 需要大括号
// eg:
// 导出:
export const xxx = funtcion () {
    console.log('...')
}
// 导入:
import {xxx} from ‘/src/utils’

使用场景:

  • 按需加载使用命名导出
  • 全部加在使用默认导出

总结:

image.png